:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202020;background:#f1f2f4;font-synthesis:none;--yellow:#facc15;--border:#e3e4e8;--muted:#686b72}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .15s,border-color .15s,box-shadow .15s}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #aa8000;outline-offset:3px}.button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:9px 13px;border:1px solid #d9dbe0;border-radius:7px;background:white;color:#222;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.button:hover{background:#f2f3f5;border-color:#b1b4bc}.button.primary{background:var(--yellow);border-color:var(--yellow);color:#171717}.button.primary:hover{background:#edbd08}.button.danger{color:#a03426;margin-top:28px}.full{width:100%}.editor-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:26px;min-height:76px;padding:14px 22px;background:#151515;color:white;border-bottom:1px solid #303030}.editor-brand{font-size:22px;font-weight:800;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.editor-brand span{color:var(--yellow)}.project-heading{display:flex;flex-direction:column;gap:5px;min-width:100px}.project-heading>strong{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.project-heading>span{font-size:10px;color:#bcbcbc;max-width:320px}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.editor-actions .button:not(.primary){background:#272727;border-color:#424242;color:white}.editor-actions .button:hover:not(.primary){background:#383838}#save-status{max-width:240px;color:#dadada;font-size:11px;line-height:1.5;overflow-wrap:anywhere;margin-right:10px}#save-status.error{color:#ffb3a9}.editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;min-height:calc(100vh - 76px)}.element-panel,.properties-panel{padding:26px 18px;background:white;min-width:0}.element-panel{border-right:1px solid var(--border)}.properties-panel{border-left:1px solid var(--border)}.panel-eyebrow{margin:0 0 10px;font-size:9px;font-weight:800;color:#8a6a00;letter-spacing:1.4px}.element-panel h2,.properties-panel h2{font-size:16px;margin:0 0 16px}.element-panel h2:not(:first-of-type){margin-top:30px}.panel-note{font-size:11px;line-height:1.7;color:var(--muted)}.element-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 24px}.element-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 3px;border:1px solid var(--border);border-radius:7px;background:white;font-size:10px;color:#4a4a4a;min-height:72px}.element-buttons button span{font-size:20px;color:#272727}.element-buttons button:hover{background:#fffbee;border-color:#c9a722}.element-panel details{border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}.element-panel summary{cursor:pointer;font-weight:600}.current-page{display:flex;justify-content:space-between;padding:12px 9px;background:#fff6cd;border-radius:6px;font-size:11px}.current-page span{color:#806000;font-size:10px}.site-description{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.editor-back{display:block;margin-top:28px;font-size:12px;color:#5a5a5a;text-decoration:none}.canvas-workspace{min-width:0;padding:0 24px 40px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;border-bottom:1px solid #dfe1e6}.canvas-toolbar>span{font-size:10px;font-weight:700;letter-spacing:.8px}.canvas-toolbar b{display:inline-block;margin-left:8px;color:#7b7e85;font-weight:400;letter-spacing:0}.device-switch{display:flex;gap:3px;padding:3px;border:1px solid #dfe1e6;border-radius:7px;background:#fff;max-width:100%}.device-switch button{padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#64676e;font-size:10px}.device-switch button[aria-pressed=true]{background:#222;color:#fff}.canvas-tip{text-align:center;font-size:11px;color:#6d7078;margin:20px 0}.site-document{width:100%;max-width:1440px;margin:0 auto;background:white;container-type:inline-size;overflow-wrap:anywhere}.site-document[data-device=tablet]{max-width:768px}.site-document[data-device=mobile]{max-width:375px}.editor-canvas{min-height:480px;box-shadow:0 5px 24px #2529300c;border:1px solid #e4e5e9}.site-section{padding:40px 6%;position:relative}.site-section.padding-small{padding-top:24px;padding-bottom:24px}.site-section.padding-medium{padding-top:80px;padding-bottom:80px}.site-section.padding-large{padding-top:160px;padding-bottom:160px}.site-block{margin:12px 0;min-width:0}.site-heading{font-size:32px;font-size:clamp(24px,5cqi,40px);line-height:1.2;letter-spacing:-.035em;margin:0;white-space:pre-wrap}.site-heading.size-small{font-size:clamp(20px,3.5cqi,26px)}.site-heading.size-large{font-size:clamp(30px,6.5cqi,60px)}.site-text{font-size:16px;line-height:1.75;margin:0;white-space:pre-wrap}.site-button{display:inline-block;padding:13px 24px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:650;max-width:100%;white-space:pre-wrap}.site-image{display:inline-block;width:auto;max-width:100%;height:auto;border-radius:6px}.site-spacer{height:40px}.site-spacer.size-small{height:16px}.site-spacer.size-large{height:80px}.site-divider{border:0;border-top:1px solid #c8c8c8;margin:16px 0}.editable-section{border:2px solid transparent}.editable-section.selected{border-color:#b68c00}.section-handle{position:absolute;top:0;left:0;z-index:2;padding:5px 9px;border:0;border-radius:0 0 5px 0;background:#f4f4f5;color:#555;font-size:9px;opacity:.8}.editable-section:hover>.section-handle,.editable-section.selected>.section-handle{background:var(--yellow);color:#222;opacity:1}.editable-block{position:relative;border:1px dashed transparent;cursor:pointer;min-height:22px;padding:4px}.editable-block:hover{border-color:#b3b3b3}.editable-block.selected{border:1px solid #b58a00;box-shadow:0 0 0 2px #facc1533}.empty-canvas{padding:100px 35px;font-size:15px;color:#707070;text-align:center}.empty-section{width:100%;padding:28px 15px;border:1px dashed #c9c9c9;border-radius:6px;background:transparent;color:#656565;font-size:12px}.image-placeholder{padding:42px 20px;background:#f2f2f2;border:1px dashed #ccc;color:#747474;text-align:center;font-size:12px}.add-section-bottom{display:block;width:100%;max-width:600px;margin:24px auto 0;padding:14px;border:1px dashed #bdbfc5;border-radius:7px;background:transparent;color:#686a70;font-size:12px}.add-section-bottom:hover{background:white;border-color:#9e8000}.property-field{display:flex;flex-direction:column;gap:8px;margin:19px 0;font-size:11px;font-weight:600;color:#50535a}.property-field input,.property-field textarea,.property-field select{width:100%;min-width:0;padding:10px;border:1px solid #dcdde2;border-radius:6px;background:#fff;color:#202020;font-size:12px;line-height:1.5}.property-field textarea{height:150px;resize:vertical}.property-field input[type=color]{height:40px;padding:4px;cursor:pointer}.property-field input[type=file]{font-size:10px;padding:8px 4px}.reorder-controls{display:flex;gap:6px;margin:20px 0}.reorder-controls .button{flex:1;font-size:11px;padding:8px}.preview-body{background:#e6e7eb}.preview-bar{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#151515;color:white;flex-wrap:wrap}.preview-bar>div:nth-child(2){flex:1;min-width:150px;overflow-wrap:anywhere}.preview-bar strong{font-size:13px}.preview-bar small{display:block;margin-top:6px;color:#bababa;font-size:11px}.preview-body .site-document{min-height:calc(100vh - 86px)}.preview-bar .device-switch{background:#fff}dialog{width:min(460px,calc(100% - 32px));padding:30px;border:0;border-radius:12px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#0008}dialog h2{margin-top:0;font-size:21px}dialog p:not(.site-document *){font-size:14px;line-height:1.8;color:#606060}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.error-page{max-width:650px;margin:15vh auto;padding:30px}.error-page .editor-brand{color:#111}.error-page .editor-brand span{color:#9a7200}.error-page h1{font-size:26px}.error-page p{color:#666;line-height:1.6}@media(min-width:1100px){.element-panel,.properties-panel{position:sticky;top:76px;max-height:calc(100vh - 76px);overflow:auto;align-self:start;min-height:calc(100vh - 76px)}}@media(max-width:1190px){.editor-top{gap:16px;padding:14px}.editor-layout{grid-template-columns:180px minmax(0,1fr) 220px}.canvas-workspace{padding-left:16px;padding-right:16px}.canvas-toolbar{flex-wrap:wrap;padding:14px 0;justify-content:center}.canvas-toolbar>span{display:none}#save-status{max-width:150px;font-size:10px}.project-heading>strong{max-width:180px}.editor-actions{gap:6px}.editor-actions .button{padding:8px 10px}}@media(max-width:950px){.editor-top{flex-wrap:wrap}.editor-actions{width:100%;margin-left:0;justify-content:flex-end}.editor-actions #save-status{margin-right:auto;max-width:40%}.editor-layout{grid-template-columns:170px minmax(0,1fr)}.properties-panel{grid-column:1/-1;border:0;border-top:1px solid var(--border)}#properties{max-width:680px;margin:auto}.properties-panel>h2,.properties-panel>.panel-eyebrow{max-width:680px;margin-left:auto;margin-right:auto}.editor-canvas{min-height:400px}.element-panel{padding:20px 12px}.canvas-workspace{padding:0 12px 28px}}@media(max-width:600px){.editor-top{gap:12px}.editor-actions{flex-wrap:wrap}.editor-actions #save-status{max-width:none;width:100%;margin:0}.editor-actions .button{flex:1}.editor-layout{grid-template-columns:1fr}.element-panel{border-right:0;border-bottom:1px solid var(--border)}.element-buttons{grid-template-columns:repeat(3,1fr);margin:12px 0}.element-buttons button{min-height:56px;padding:8px}.element-panel h2:not(:first-of-type){margin-top:15px}.element-panel details{display:inline-block;vertical-align:top;width:32%;padding:8px}.element-panel .editor-back{margin-top:10px}.canvas-workspace{padding:0 10px 24px}.preview-bar{padding:14px;gap:12px}.preview-bar .device-switch{order:4;width:100%;justify-content:center}.preview-bar .editor-brand{font-size:18px}.project-heading>strong{max-width:200px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Section spacing follows the canvas width in both editor and preview. */
.site-section.padding-custom{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}
.site-block{position:relative}.site-document[data-device=desktop] .site-block.position-desktop{transform:translate(var(--desktop-x),var(--desktop-y));width:var(--desktop-width);height:var(--desktop-height,auto)}.site-document[data-device=tablet] .site-block.position-tablet{transform:translate(var(--tablet-x),var(--tablet-y));width:var(--tablet-width);height:var(--tablet-height,auto)}.site-document[data-device=mobile] .site-block.position-mobile{transform:translate(var(--mobile-x),var(--mobile-y));width:var(--mobile-width);height:var(--mobile-height,auto)}
.site-document[data-device=desktop] .position-desktop>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button),.site-document[data-device=tablet] .position-tablet>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button),.site-document[data-device=mobile] .position-mobile>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button){display:block;width:100%!important;max-width:none}
.site-document[data-device=desktop] .height-desktop>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button),.site-document[data-device=tablet] .height-tablet>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button),.site-document[data-device=mobile] .height-mobile>:is(.site-image,.image-placeholder,.site-video,.site-shape,.site-button){height:100%!important;max-height:none}
.site-document[data-device=desktop] .height-desktop>:is(.site-heading,.site-text,.site-divider,.site-spacer),.site-document[data-device=tablet] .height-tablet>:is(.site-heading,.site-text,.site-divider,.site-spacer),.site-document[data-device=mobile] .height-mobile>:is(.site-heading,.site-text,.site-divider,.site-spacer){min-height:100%}
.site-video{object-fit:contain}
.editable-block.selected{z-index:20}.editable-block.interacting{user-select:none;cursor:grabbing}.move-handle,.resize-handle,.personalize-handle{display:none;position:absolute;z-index:30;border:0;background:#facc15;color:#171717;box-shadow:0 2px 8px #0003}.editable-block.selected>.move-handle,.editable-block.selected>.resize-handle{display:block}.move-handle{top:-28px;left:50%;translate:-50% 0;width:36px;height:24px;border-radius:6px 6px 0 0;cursor:grab;touch-action:none}.resize-handle{width:12px;height:12px;padding:0;border:2px solid #171717;border-radius:50%;touch-action:none}.resize-nw{left:-7px;top:-7px;cursor:nwse-resize}.resize-n{left:50%;top:-7px;translate:-50% 0;cursor:ns-resize}.resize-ne{right:-7px;top:-7px;cursor:nesw-resize}.resize-e{right:-7px;top:50%;translate:0 -50%;cursor:ew-resize}.resize-se{right:-7px;bottom:-7px;cursor:nwse-resize}.resize-s{left:50%;bottom:-7px;translate:-50% 0;cursor:ns-resize}.resize-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize-w{left:-7px;top:50%;translate:0 -50%;cursor:ew-resize}.alignment-guide{position:absolute;z-index:100;pointer-events:none;background:#e2ad00}.guide-x{left:var(--guide-x);top:0;bottom:0;width:1px}.guide-y{top:var(--guide-y);left:0;right:0;height:1px}.property-heading{margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
@container (max-width: 800px){
    .site-section.padding-medium{padding-top:64px;padding-bottom:64px}
    .site-section.padding-large{padding-top:120px;padding-bottom:120px}
    .site-section.padding-custom{padding-top:min(var(--section-padding),max(24px,calc(var(--section-padding)*.75)));padding-bottom:min(var(--section-padding),max(24px,calc(var(--section-padding)*.75)))}
}
@container (max-width: 480px){
    .site-section.padding-medium{padding-top:48px;padding-bottom:48px}
    .site-section.padding-large{padding-top:88px;padding-bottom:88px}
    .site-section.padding-custom{padding-top:min(var(--section-padding),max(24px,calc(var(--section-padding)*.55)));padding-bottom:min(var(--section-padding),max(24px,calc(var(--section-padding)*.55)))}
}
.section-spacing input[type=range]{accent-color:var(--yellow);padding:0;border:0;min-height:32px;cursor:pointer}
.spacing-endpoints{display:flex;justify-content:space-between;font-weight:400}
.editor-page-list{display:grid;gap:5px;margin:12px 0}
.editor-page-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid transparent;border-radius:6px;text-decoration:none;font-size:11px}
.editor-page-link span{flex:none;font-size:9px}
.site-settings-fields .property-field{margin:15px 0}
.site-settings-fields textarea{min-height:96px;resize:vertical}
.site-settings-fields .panel-note{min-height:16px}
.dragging-new .drop-zone{height:12px}

/* Visual editing interactions; colors remain within the current VibeDesk identity. */
#welcome-tutorial[open]{position:fixed;inset:auto 22px 22px auto;z-index:80;margin:0;width:min(430px,calc(100% - 32px));box-shadow:0 16px 55px #0004}
.icon-action{min-width:38px;padding-inline:10px;font-size:18px}.drop-zone{height:0;position:relative;z-index:4;overflow:hidden;border:0 dashed transparent;color:#765900;text-align:center;font-size:10px;line-height:24px;transition:height .15s,background .15s,border .15s}.editor-canvas:has(.dragging) .drop-zone{height:12px}.drop-zone.active{height:30px;border:2px dashed #b68c00;background:#fff7cf;border-radius:6px}.section-drop-zone{height:0;overflow:hidden;color:#765900;text-align:center;font-size:10px;transition:height .15s}.section-drop-zone.active{height:34px;line-height:30px;border:2px dashed #b68c00;background:#fff7cf}.editable-block.dragging,.editable-section.dragging{opacity:.35}.section-handle{cursor:grab}.section-handle:active{cursor:grabbing}.inline-editing{position:relative;outline:0!important;outline-offset:0;background:transparent!important;cursor:text!important}.inline-editing::before,.inline-editing::after{position:absolute;z-index:2;color:var(--accent,#b68c00);font-size:1.5em;font-weight:800;line-height:1;pointer-events:none}.inline-editing::before{content:'“';top:-.42em;left:-.42em}.inline-editing::after{content:'”';right:-.42em;bottom:-.42em}.context-toolbar{display:flex;gap:6px;padding:8px;background:#f5f5f6;border:1px solid var(--border);border-radius:8px;position:sticky;top:0;z-index:2}.context-toolbar button{flex:1;padding:7px 4px;border:0;background:white;border-radius:5px;font-size:10px}.context-toolbar button:hover{background:#fff4bd}.context-toolbar button.danger{color:#9b3024}.context-tip{padding:10px;border-left:3px solid var(--yellow);background:#fffbea;color:#625a3e;font-size:10px;line-height:1.6}.site-shape{display:inline-block;max-width:100%;vertical-align:middle}.shape-line{border-radius:0!important}.section-library{width:min(780px,calc(100% - 28px));max-height:90dvh;overflow:auto}.section-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.section-option{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:white;color:#252525}.section-option:hover{border-color:#b68c00;background:#fffbea;box-shadow:0 0 0 2px #facc1533}.section-option>span{font-size:28px}.section-option strong{font-size:12px}.section-option small{color:#73757b;font-size:9px}.help-list details{padding:14px 2px;border-bottom:1px solid var(--border)}.help-list summary{cursor:pointer;font-size:13px;font-weight:700}.help-list p{font-size:12px;line-height:1.7;color:#666}.tour-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.tour-overlay[hidden]{display:none}.tour-spotlight{position:fixed;z-index:1;border:3px solid var(--yellow);border-radius:8px;box-shadow:0 0 0 9999px #0008;transition:inset .15s,width .15s,height .15s;pointer-events:none}.tour-card{position:fixed;z-index:2;top:16px;left:16px;display:flex;flex-direction:column;width:min(410px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border-radius:12px;overflow:hidden;background:white;color:#202020;box-shadow:0 18px 60px #0006;pointer-events:auto}.tour-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.tour-card h2{margin:0 0 10px;font-size:20px}.tour-card .tour-content>p:not(.panel-eyebrow){font-size:13px;line-height:1.7;color:#616161}.tour-card .dialog-actions{flex:0 0 auto;flex-wrap:wrap}.tour-highlight{outline:3px solid var(--yellow);outline-offset:3px}.site-video{max-width:100%}@media(max-width:600px){.section-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-card .dialog-actions .button{flex:1}.icon-action{flex:0 0 38px!important}}
.site-document[data-device=desktop] .position-desktop>.site-button,
.site-document[data-device=tablet] .position-tablet>.site-button,
.site-document[data-device=mobile] .position-mobile>.site-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.personalize-handle{top:-28px;left:calc(50% + 22px);width:36px;height:24px;padding:0;border-radius:0 6px 6px 0;cursor:pointer;translate:none;font-size:13px;line-height:1}
.editable-block.selected>.personalize-handle{display:block}
.section-personalize-handle{display:none;position:absolute;top:0;left:126px;z-index:3;width:28px;height:23px;padding:0;border:0;border-radius:0 0 5px 5px;background:var(--yellow);color:#171717;box-shadow:0 2px 8px #0003;font-size:12px;line-height:1;cursor:pointer}
.editable-section.selected>.section-personalize-handle{display:block}
.editor-layout.personalize-closed{grid-template-columns:220px minmax(0,1fr)}
.editor-layout.personalize-closed>.properties-panel{display:none}
@media(max-width:1190px){.editor-layout.personalize-closed{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:950px){.editor-layout.personalize-closed{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:600px){.editor-layout.personalize-closed{grid-template-columns:1fr}}

/* Buttons keep their content-sized bounds until the user resizes them. */
.site-block.block-button{width:fit-content;max-width:100%}
.site-block:is(.block-heading,.block-text){width:fit-content;max-width:100%}
.site-block.block-image{width:var(--image-width,100%);max-width:100%}
.editable-block:is(.block-heading,.block-text,.block-image,.block-button,.block-spacer),.editable-block:is(.block-heading,.block-text,.block-image,.block-button,.block-spacer).selected{min-height:0;padding:0;border:0;box-shadow:none}
.editable-block:is(.block-heading,.block-text,.block-image,.block-button,.block-spacer):hover{border-color:transparent}
.site-block.block-button>.site-button{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.site-block.block-video{width:fit-content;max-width:100%}
.site-block.block-video>.site-video{display:block}
.site-block.block-shape{width:var(--shape-width,50%);max-width:100%}
.site-document[data-device=desktop] .site-block.position-desktop:is(.block-heading,.block-text,.block-image,.block-button,.block-video,.block-shape),.site-document[data-device=tablet] .site-block.position-tablet:is(.block-heading,.block-text,.block-image,.block-button,.block-video,.block-shape),.site-document[data-device=mobile] .site-block.position-mobile:is(.block-heading,.block-text,.block-image,.block-button,.block-video,.block-shape){max-width:none}
.editable-block:is(.block-video,.block-shape),.editable-block:is(.block-video,.block-shape).selected{min-height:0;padding:0;border:0;box-shadow:none}
.editable-block:is(.block-video,.block-shape):hover{border-color:transparent}

.section-handle{touch-action:none;user-select:none}.editable-section.section-reorder-target-before{border-top:4px solid var(--yellow)}.editable-section.section-reorder-target-after{border-bottom:4px solid var(--yellow)}

.section-move-handle{display:none;position:absolute;z-index:30;top:-28px;left:calc(50% - 58px);width:36px;height:24px;padding:0;border:0;border-radius:6px 0 0 6px;background:var(--yellow);color:#171717;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:14px;line-height:1}
.editable-block.selected>.section-move-handle{display:block}
.section-move-handle:hover{background:#edbd08}
.section-move-menu{display:none;position:absolute;z-index:50;top:-28px;right:calc(50% + 22px);width:min(210px,calc(100vw - 24px));max-height:260px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#202020;box-shadow:0 8px 24px #0003;text-align:left}
.section-move-menu.open{display:grid;gap:6px}
.section-move-menu>strong{padding:2px 4px 7px;font-size:12px}
.section-move-option{width:100%;padding:8px 9px;border:1px solid var(--border);border-radius:5px;background:#fff;color:#303030;text-align:left;font-size:11px}
.section-move-option:hover:not(:disabled){border-color:#c9a722;background:#fff8d9}
.section-move-option:disabled{color:#7a7a7a;cursor:default}
.section-move-menu{position:fixed;z-index:10000;top:12px;right:auto;left:12px;width:min(230px,calc(100vw - 24px));max-height:min(360px,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain}
.section-move-menu.open{display:grid}
.layer-order-handle{display:none;position:absolute;z-index:30;top:-28px;left:calc(50% + 62px);width:36px;height:24px;padding:0;border:0;border-radius:0 6px 6px 0;background:var(--yellow);color:#171717;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:13px;line-height:1}
.editable-block.selected>.layer-order-handle{display:block}
.layer-order-menu{display:none;position:fixed;z-index:10000;top:12px;left:12px;width:min(300px,calc(100vw - 24px));max-height:min(440px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#202020;box-shadow:0 12px 36px #0004;text-align:left}
.layer-order-menu.open{display:block}
.layer-order-menu>strong{display:block;font-size:13px}
.layer-order-menu>p{margin:5px 0 12px;color:var(--muted);font-size:10px}
.layer-order-list{display:grid;gap:6px}
.layer-order-row{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--border);border-radius:6px;background:#fff}
.layer-item-select{flex:1;min-width:0;overflow:hidden;padding:7px;border:0;background:transparent;color:#292929;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.layer-item-select:hover{background:#fff8d9}
.layer-order-controls{display:flex;gap:4px}
.layer-order-step{width:30px;height:30px;border:1px solid var(--border);border-radius:5px;background:#fff;color:#292929}
.layer-order-step:hover:not(:disabled){border-color:#c9a722;background:#fff8d9}
.editable-block.selected{z-index:20!important}
.element-effects-handle{display:none;position:absolute;z-index:30;top:-28px;left:calc(50% - 98px);width:36px;height:24px;padding:0;border:0;border-radius:6px 0 0 6px;background:var(--yellow);color:#171717;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:15px;line-height:1}
.editable-block.selected>.element-effects-handle{display:block}
.element-effects-menu{display:none;position:fixed;z-index:10000;top:12px;left:12px;width:min(320px,calc(100vw - 24px));max-height:min(520px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;padding:15px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#202020;box-shadow:0 12px 36px #0004;text-align:left}
.element-effects-menu.open{display:block}
.element-effects-menu>strong{display:block;font-size:13px}
.element-effects-menu>p{margin:5px 0 12px;color:var(--muted);font-size:10px;line-height:1.5}
.element-effect-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.element-effect-choice{min-height:36px;padding:6px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#353535;font-size:10px}
.element-effect-choice:hover,.element-effect-choice.active{border-color:#c9a722;background:#fff6cf;color:#171717}
.element-effect-control{display:grid;grid-template-columns:1fr;gap:7px;margin-top:13px;font-size:10px;font-weight:650;color:#50535a}
.element-effect-control input{width:100%;min-width:0}
.element-effect-control input[type=color]{height:36px;padding:3px;border:1px solid var(--border);border-radius:5px;background:#fff}
.image-upload-button{display:flex;align-items:center;justify-content:center;min-height:42px;margin:12px 0;padding:10px;border:1px dashed #9b7b05;border-radius:7px;background:#fffbea;color:#28200a;font-size:12px;font-weight:700;cursor:pointer}.image-upload-button:hover{background:#fff3bb}.image-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.image-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.image-picker-card{min-width:0;padding:5px;border:1px solid #dedfe3;border-radius:7px;background:#fff;color:#333;text-align:left}.image-picker-card:hover,.image-picker-card.active{border-color:#b68c00;box-shadow:0 0 0 2px #facc1533}.image-picker-card img{display:block;width:100%;height:76px;border-radius:4px;object-fit:cover;background:#f1f2f4}.image-picker-card span{display:block;margin:5px 2px 1px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.property-toggle{display:flex;align-items:center;gap:9px;margin:16px 0;font-size:11px;font-weight:600;line-height:1.5;color:#41434a;cursor:pointer}.property-toggle input{flex:none;width:16px;height:16px;margin:0}
.element-section-options{display:grid;gap:9px;margin-top:18px}.element-section-option{display:flex;width:100%;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#252525;text-align:left}.element-section-option:hover{border-color:#b68c00;background:#fffbea;box-shadow:0 0 0 2px #facc1533}.element-section-option strong{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.element-section-option small{color:#73757b;font-size:10px}
.site-shape{position:relative}.shape-circle{border-radius:50%!important}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.shape-heart{clip-path:polygon(50% 92%,8% 50%,4% 34%,7% 20%,17% 10%,31% 7%,43% 13%,50% 25%,57% 13%,69% 7%,83% 10%,93% 20%,96% 34%,92% 50%)}.shape-blob{border-radius:42% 58% 63% 37% / 45% 38% 62% 55%!important}.shape-glossy{overflow:hidden;background-image:linear-gradient(135deg,rgba(255,255,255,var(--shape-shine,.7)) 0%,rgba(255,255,255,var(--shape-shine-soft,.28)) 24%,transparent 46%,rgba(255,255,255,.12) 70%,transparent 100%);background-blend-mode:screen;box-shadow:inset 0 2px 3px #fff9,inset 0 -10px 22px #0002;filter:drop-shadow(0 10px 14px #0003) saturate(1.12)}.shape-glossy::after{content:'';position:absolute;inset:7% 15% 54% 15%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,var(--shape-shine,.7)),rgba(255,255,255,0));pointer-events:none}.shape-gloss-toggle[aria-pressed=true]{border-color:#b68c00;background:#fff3ad;box-shadow:0 0 0 2px #facc1544}
.editable-section{border:0;outline:2px solid transparent}.editable-section.selected{border-color:transparent;outline-color:#b68c00}.editable-block{min-height:0;padding:0;border:0;box-shadow:none;outline:1px solid transparent;outline-offset:1px}.editable-block:hover{border-color:transparent;outline-color:#b3b3b3}.editable-block.selected{border:0;box-shadow:none;outline-color:#b58a00}
.editor-canvas .editable-section:has(.editable-block.selected){position:relative;z-index:30}
.site-video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:6px;background:#101010}.site-video-native{height:auto}.site-video-embed{height:auto;min-height:180px}.video-fallback{display:flex;min-height:90px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed #aaa;border-radius:6px;background:#f4f4f4;color:#484848;font-size:12px;text-align:center}.video-upload-button{display:flex;align-items:center;justify-content:center;min-height:42px;margin:12px 0;padding:10px;border:1px dashed #9b7b05;border-radius:7px;background:#fffbea;color:#28200a;font-size:12px;font-weight:700;cursor:pointer}.video-upload-button:hover{background:#fff3bb}.video-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.video-file-info,.video-upload-status{margin:10px 0;padding:10px;border-left:3px solid #b68c00;background:#fffbea;color:#47412e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.video-upload-status:empty{display:none}.video-upload-status[data-state=uploading]{border-color:#4d6f9e;background:#f0f6ff;color:#29466c}.video-upload-status[data-state=error]{border-color:#b34235;background:#fff1ef;color:#76271e}.video-rights-confirm{display:flex;align-items:flex-start;gap:9px;margin:16px 0;font-size:11px;line-height:1.5;color:#41434a;cursor:pointer}.video-rights-confirm input{flex:none;width:16px;height:16px;margin-top:0}
.editor-canvas .editable-block:not(.selected)>.site-video-embed{pointer-events:none}
.editor-canvas{border:0;outline:1px solid #e4e5e9}
.original-document-preview{max-width:1440px;margin:0 auto 28px;border:1px solid #e4e5e9;background:#fff;box-shadow:0 5px 24px #2529300c}.original-document-preview>p{margin:0;padding:12px 16px;border-bottom:1px solid #e4e5e9;color:#535761;font-size:11px}.original-document-frame{display:block;width:100%;height:min(70vh,720px);min-height:320px;border:0;background:#fff}
.block-drop-indicator{display:none;position:absolute;z-index:40;height:4px;border-radius:4px;background:var(--accent,#b68c00);pointer-events:none;transform:translateY(-50%)}
.block-drop-indicator.active{display:block}
.element-style-group{margin:14px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised,#fafafa)}.element-style-group>summary{padding:11px 12px;cursor:pointer;color:var(--ink,#34363b);font-size:11px;font-weight:750}.element-style-group[open]>summary{border-bottom:1px solid var(--border);background:var(--surface,#fff)}.element-style-group>.property-field{margin:14px 12px}.element-style-group>.button,.element-style-group>.context-tip{margin:12px;width:calc(100% - 24px)}
.editable-block.selected>.resize-n,.editable-block.selected>.resize-ne,.editable-block.selected>.resize-nw{top:0}
/* Native forms share the site's layout, without affecting imported controls. */
.site-contact-form{display:grid;gap:16px;width:100%;max-width:680px;margin-inline:auto}
.site-form-field{display:grid;gap:8px;font:inherit;color:inherit}
.site-form-field input,.site-form-field textarea,.site-form-field select{font:inherit;max-width:100%;width:100%;padding:12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#172033}
.site-form-field input[type=checkbox]{width:auto;justify-self:start}
.site-form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.site-form-feedback{min-height:1.4em;font:inherit}
.site-post-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-top:20px}
.site-post-card{padding:24px;border:1px solid #cbd5e1;border-radius:12px;color:inherit;background:transparent}
.site-post-card a{font-size:22px;font-weight:700;color:inherit;text-decoration:none}.site-post-card a:hover{text-decoration:underline}.site-post-card p{line-height:1.6}.site-post-filter{font:inherit;padding:10px;border-radius:8px;max-width:100%}

/* Section content ordering is opened beside Personalizar, outside imported CSS. */
.layer-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.layer-order-heading .button{padding:5px 9px;font-size:11px}
.layer-order-menu>input{width:100%;margin:0 0 10px;padding:8px;border:1px solid var(--line,var(--border));border-radius:6px;background:var(--surface-raised,#fff);color:var(--ink,#202020)}
.layer-order-row{margin-left:calc(var(--layer-depth,0)*10px)}
.layer-item-select[aria-pressed=true]{background:var(--accent-soft,#fff8d9);color:var(--ink,#202020);font-weight:700}
.layer-order-step:disabled{opacity:.4;cursor:not-allowed}
.layer-order-menu>.button{margin-top:10px}
.layer-order-menu>.button[hidden]{display:none}

/* Editor chrome only: never style the authored site through these selectors. */
.element-panel .editor-element-search{display:grid;gap:7px;font-size:11px;font-weight:650;color:var(--muted);margin:16px 0 12px}
.element-panel .editor-element-search input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line,var(--border));border-radius:10px;background:var(--surface,#fff);color:var(--ink,#202020)}
.element-panel .element-buttons{gap:8px}
.element-panel .element-buttons button{border-radius:11px;min-height:66px;transition:border-color .15s,background .15s,box-shadow .15s}
.element-panel .element-buttons button[hidden]{display:none}
.element-panel .element-buttons button:hover{border-color:var(--accent);box-shadow:var(--vd-glow-blue)}
.element-panel details{display:block;width:100%;border:1px solid var(--line,var(--border));border-radius:12px;padding:12px;margin:10px 0;background:var(--surface,#fff)}
.element-panel details>summary{font-size:12px;font-weight:700;cursor:pointer;padding:3px 0}
.element-panel details[open]>summary{margin-bottom:12px}
.element-panel details>.button{margin-top:7px;white-space:normal;text-align:center;border-radius:8px}
.element-panel details>.panel-eyebrow{margin-top:16px}
.element-panel .editor-page-link{border-radius:8px;padding:10px 8px;line-height:1.4}
.properties-panel .context-tip{padding:12px;border:1px solid var(--line,var(--border));border-left:3px solid var(--accent);border-radius:8px;line-height:1.65;font-size:12px;background:var(--surface,#fff);color:var(--muted)}
.properties-panel .element-style-group{border-radius:10px;margin-block:12px}
@media(max-width:600px){.element-panel .editor-element-search{margin-top:10px}.element-panel .element-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout .element-panel details{width:100%;display:block}.element-panel .element-buttons button{min-height:58px}}

/* A selected group remains visible without changing the imported layout. */
.editor-canvas .editable-block.multi-selected,.editor-canvas .editable-section.multi-selected{outline:2px solid var(--accent)!important;outline-offset:2px}
.editor-canvas .editable-block.multi-selected.selected,.editor-canvas .editable-section.multi-selected.selected{outline-color:var(--accent-strong)!important}
.editor-actions .editor-tutorial-button{border-color:#a9943c;color:#f7e7a6;font-size:12px;font-weight:750;white-space:nowrap}.editor-actions .editor-tutorial-button:hover{background:#3d3520;border-color:#e4c75e}

/* Editor controls follow the platform tokens; authored site colors stay local. */
.properties-panel .property-toggle,.properties-panel .video-rights-confirm{color:var(--ink)}
.properties-panel .image-picker-card img{background:var(--surface-raised)}
.properties-panel .video-file-info,.properties-panel .video-upload-status{background:var(--surface-raised);color:var(--ink);border-color:var(--vd-tech-line)}
.properties-panel .video-upload-status[data-state=uploading]{background:var(--vd-tech-soft);color:var(--vd-tech-ink);border-color:var(--vd-tech-line)}
.properties-panel .video-upload-status[data-state=error]{background:var(--error-bg);color:var(--error);border-color:var(--error-line)}
.properties-panel .shape-gloss-toggle[aria-pressed=true]{background:var(--vd-tech-soft);color:var(--vd-tech-ink);border-color:var(--vd-tech-line);box-shadow:0 0 0 2px var(--accent-shadow)}
.element-effects-menu .element-effect-control{color:var(--ink)}
.element-effects-menu .element-effect-control input[type=color]{background:var(--surface-raised)}
.tour-card .tour-content>p:not(.panel-eyebrow){color:var(--muted)}
.original-document-preview>p{color:var(--muted);border-color:var(--line)}