/* Editing chrome is independent of user-edited page styles. */
#site-editor #editor-menu{position:fixed;right:20px;bottom:20px;display:flex;gap:8px;padding:8px;background:#fff;border:1px solid #cad8cb;border-radius:12px;box-shadow:0 4px 24px #143d3526;z-index:510}
#site-editor #editor-menu button{padding:12px 20px;min-height:46px;font-size:16px;font-weight:700}
#site-editor #editor-menu [aria-pressed=true]{background:#205b49;color:white}
#site-editor #editor-toast{position:fixed;bottom:94px;right:20px;max-width:360px;padding:12px 16px;background:#183f35;color:white;border-radius:8px;font-size:14px;z-index:520}
#site-editor .canvas-toolbar{position:fixed;top:8px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 16px);width:max-content;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #c9d7cb;border-radius:12px;box-shadow:0 4px 24px #193e3526;z-index:530}
#site-editor .canvas-toolbar strong{margin-right:6px;white-space:nowrap;font-size:15px}
#site-editor .canvas-toolbar button,#site-editor .canvas-toolbar summary{min-height:36px;font-size:14px;white-space:nowrap}
#site-editor .canvas-toolbar .canvas-save{background:#205b49;color:#fff;border-color:#205b49;font-weight:700}
#site-editor .canvas-toolbar [aria-pressed=true]{background:#e8f2df}
#site-editor #canvas-state{flex:0 0 100%;font-size:12px;line-height:1.4;text-align:center;color:#586f60}
#site-editor .canvas-more{position:relative}
#site-editor .canvas-more>summary{padding:6px 10px;border:1px solid #d3dfd3;border-radius:7px;cursor:pointer;list-style:none}
#site-editor .canvas-more>div{position:absolute;top:42px;right:0;display:grid;gap:6px;background:#fff;padding:8px;border:1px solid #cad8cb;border-radius:8px;box-shadow:0 4px 20px #183f3520}
#site-editor .canvas-selection{position:fixed;border:2px solid #2381de;pointer-events:none;z-index:522;box-sizing:border-box}
#site-editor .canvas-selection-actions{position:absolute;display:flex;gap:3px;align-items:center;width:max-content;max-width:min(640px,calc(100vw - 20px));bottom:calc(100% + 9px);left:0;padding:4px;background:white;border:1px solid #bfcee1;border-radius:7px;box-shadow:0 3px 12px #183f3520;pointer-events:auto;flex-wrap:wrap}
#site-editor .canvas-selection-actions>span{font-size:12px;padding:0 4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#site-editor #canvas-selected-name{cursor:grab;touch-action:none;user-select:none}
#site-editor .canvas-selection-actions button{padding:3px 7px;min-height:28px;font-size:12px;border-color:transparent}
#site-editor .canvas-selection-actions button:hover{background:#edf5fe}
#site-editor .canvas-actions-below>.canvas-selection-actions{bottom:auto;top:calc(100% + 9px)}
#site-editor .canvas-handle{position:absolute;width:10px;height:10px;background:white;border:2px solid #2381de;border-radius:2px;pointer-events:auto;touch-action:none}
#site-editor .handle-n{top:-6px;left:calc(50% - 5px);cursor:n-resize}#site-editor .handle-ne{top:-6px;right:-6px;cursor:ne-resize}#site-editor .handle-e{top:calc(50% - 5px);right:-6px;cursor:e-resize}#site-editor .handle-se{bottom:-6px;right:-6px;cursor:se-resize}#site-editor .handle-s{bottom:-6px;left:calc(50% - 5px);cursor:s-resize}#site-editor .handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}#site-editor .handle-w{top:calc(50% - 5px);left:-6px;cursor:w-resize}#site-editor .handle-nw{top:-6px;left:-6px;cursor:nw-resize}
#site-editor .canvas-drop{position:fixed;border:2px dashed #2381de;background:#2381de14;pointer-events:none;z-index:520;box-sizing:border-box}
#site-editor .canvas-drop[data-side=left]{border-left:5px solid #2381de}#site-editor .canvas-drop[data-side=right]{border-right:5px solid #2381de}#site-editor .canvas-drop[data-side=before]{border-top:5px solid #2381de}#site-editor .canvas-drop[data-side=after]{border-bottom:5px solid #2381de}
#site-editor .canvas-drop>span{position:absolute;top:2px;left:2px;background:#1766b3;color:white;border-radius:3px;padding:3px 6px;white-space:nowrap;font-size:12px}
#site-editor .canvas-drop[data-kind=row]{border:1px dashed #2381de;border-radius:4px}
#site-editor .canvas-drop[data-kind=row]::after{content:'';position:absolute;left:clamp(0px,var(--canvas-insert),calc(100% - 4px));top:0;bottom:0;width:4px;border-radius:2px;background:#1766b3}
#site-editor .canvas-drop[data-kind=gap]{border:0;background:#1766b3;border-radius:2px}
#site-editor .canvas-drop[data-kind]>span{top:auto;bottom:calc(100% + 4px)}
#site-editor .canvas-ghost{position:fixed;pointer-events:none;background:#2381de20;border:2px solid #2381de;border-radius:5px;z-index:521}
#site-editor .canvas-popover{position:fixed;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 90px);overflow:auto;background:white;border:1px solid #c4d2c7;border-radius:10px;padding:14px;box-shadow:0 8px 30px #183f352c;z-index:532}
#site-editor .canvas-popover strong{display:block;font-size:15px;margin-bottom:10px}
#site-editor .canvas-popover p{font-size:12px;color:#69806e;margin:0 0 12px}
#site-editor .canvas-popover label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;margin:8px 0}
#site-editor .canvas-popover label input{width:88px;height:36px;margin:0}
#site-editor .canvas-popover label select{width:150px;min-height:36px;margin:0}
#site-editor .canvas-popover input[type=color]{padding:3px}
#site-editor .canvas-popover>div>button{margin:3px;min-height:38px}
#site-editor .canvas-action-row{display:flex;gap:5px;margin:10px 0}
#site-editor .canvas-text-edit{position:fixed;z-index:534;box-sizing:border-box;border:2px solid #2381de!important;border-radius:2px!important;padding:0!important;margin:0!important;resize:none;box-shadow:0 0 0 4px #2381de18;min-height:0;max-height:80vh;}
html[data-canvas-editing=true][data-canvas-browse=false] [data-design-key]:not([data-design-ui] *){cursor:var(--canvas-cursor,grab)!important}
html[data-canvas-editing=true][data-canvas-browse=false] [data-design-key]{touch-action:none;user-select:none}
html[data-canvas-editing=true] [data-site-text],html[data-canvas-editing=true] [data-site-frame]{outline:none}
@media screen{
 html:root:root:root:root:root:root [data-design-moved],html:root:root:root:root:root:root .canvas-select-native{display:none!important}
 .canvas-select{display:inline-flex;box-sizing:border-box;max-width:100%;min-width:0;vertical-align:middle;position:relative;width:100%;background:#fff;border:1px solid #ccd9c1;border-radius:6px;}
 .canvas-select-trigger{appearance:none!important;width:100%;min-width:0;display:flex;gap:8px;align-items:center;justify-content:space-between;font:inherit!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:inherit;padding:0!important;text-align:inherit;cursor:pointer;box-sizing:border-box;}
 .canvas-select-trigger:disabled{opacity:.55;cursor:default}
 .canvas-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
 .canvas-select-arrow{flex:0 0 auto;line-height:1}
 .canvas-select-trigger:focus-visible{outline:2px solid #286c55;outline-offset:4px}
 .canvas-select-menu{position:fixed;z-index:490;min-width:160px;max-width:calc(100vw - 16px);overflow:auto;margin:0;padding:4px;background:#fff;border:1px solid #b8cbbf;border-radius:8px;box-shadow:0 8px 26px #183f352d;color:#193e35;font-size:14px;line-height:1.5;font-family:inherit;text-align:left;box-sizing:border-box}
 .canvas-select-menu[hidden]{display:none!important}
 .canvas-select-option{padding:9px 12px;cursor:pointer;border-radius:4px;min-width:0;overflow-wrap:anywhere}
 .canvas-select-option:hover,.canvas-select-option:focus-visible{background:#eaf2e2;outline:1px solid #9cbaa3}
 .canvas-select-option[aria-selected=true]{background:#e8f2df;font-weight:700}
 .canvas-select-option[aria-disabled=true]{opacity:.5;cursor:default}
 .canvas-added{box-sizing:border-box;max-width:100%;min-width:0}
 section.canvas-added{min-height:64px}
 button.canvas-added{font:inherit;cursor:pointer}
 [data-design-grid] .canvas-select,[data-design-grid] input,[data-design-grid] select{max-width:100%;min-width:0;box-sizing:border-box}
}
@media(max-width:760px){#site-editor .canvas-toolbar{gap:4px;padding:6px;justify-content:flex-start}#site-editor .canvas-toolbar button,#site-editor .canvas-toolbar summary{padding:5px 7px;font-size:12px;min-height:32px}#site-editor .canvas-toolbar strong{font-size:13px}#site-editor .canvas-selection-actions{max-width:calc(100vw - 24px)}#site-editor #editor-menu{right:10px;bottom:10px}}
@media print{#site-editor,.canvas-select,.canvas-select-menu,[data-design-managed]{display:none!important}.canvas-select-native{display:revert!important}[data-design-moved]{display:revert!important}}