#footer-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94vh;padding:24px;border:1px solid #ddd;border-radius:16px;color:#202326;background:#fafafa}#footer-dialog::backdrop{background:#17202dbb}.footer-studio{font:14px/1.5 Arial,sans-serif;color:#202326}.footer-studio button,.footer-studio input,.footer-studio select,.footer-studio textarea{font:inherit}.footer-studio button{cursor:pointer;border:1px solid #d5d9dd;border-radius:7px;padding:8px 12px;background:white;color:#202326}.footer-studio .f-primary{background:#203d31;color:white}.f-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.f-toolbar h2{margin:0;font-size:28px}.f-studio-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.4fr);gap:24px}.f-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.f-card{padding:0!important;overflow:hidden;text-align:left;min-width:0}.f-card[aria-pressed=true]{outline:3px solid #4d886a}.f-card-preview{height:125px;overflow:hidden;background:white;pointer-events:none}.f-card-preview>div{width:1000px;transform:scale(.22);transform-origin:top left}.f-card-caption{padding:10px;display:block}.f-card-caption small{display:block;color:#667069}.footer-studio input:not([type=checkbox]):not([type=color]),.footer-studio select,.footer-studio textarea{display:block;width:100%;padding:8px;border:1px solid #cbd0d4;border-radius:6px;box-sizing:border-box;background:white;color:#202326}.footer-studio textarea{min-height:70px;resize:vertical}.footer-studio label{display:block;margin:10px 0}.footer-studio details{border:1px solid #d5d9dd;border-radius:8px;padding:12px;margin:10px 0;background:white}.footer-studio summary{font-weight:700;cursor:pointer}.f-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.f-preview-wrap{overflow:auto;background:#e7eae8;border:1px solid #d5d9dd;border-radius:10px;margin:12px 0}.f-preview-wrap iframe{display:block;border:0;width:100%;height:480px;margin:auto;background:white}.f-edit-list{display:grid;gap:10px}.f-edit-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px;align-items:center}.f-edit-row button{padding:5px}.f-group-edit{border:1px solid #e0e3e0;border-radius:7px;padding:10px;margin:10px 0}.f-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.f-status{min-height:24px;color:#315747}.f-caption{font-size:12px;color:#59635e}.f-sticky-preview{position:sticky;top:0;background:#fafafa;z-index:2;padding-top:4px}.f-scroll-edit{max-height:70vh;overflow:auto;padding-right:10px}.footer-studio input[type=color]{width:55px;height:35px;border:0;background:none}.footer-studio input[type=range]{padding:0!important}.f-search-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.f-no-results{grid-column:1/-1}.f-checkboxes{display:flex;flex-wrap:wrap;gap:0 16px}@media(max-width:850px){.f-studio-layout{grid-template-columns:minmax(0,1fr)}.f-scroll-edit{max-height:none}.f-sticky-preview{position:static}.f-form-grid,.f-edit-row{grid-template-columns:minmax(0,1fr)}#footer-dialog{padding:14px}.f-preview-wrap iframe{max-width:100%}.f-gallery{grid-template-columns:1fr 1fr}}
.f-gallery>article{min-width:0}.f-card{display:block;width:100%;max-width:100%}.f-card-preview{display:block;width:100%;max-width:100%;contain:inline-size}.f-studio-layout>section{min-width:0}.f-sticky-preview{position:static}.footer-studio details{scroll-margin-top:12px}
.f-pattern-panel{padding:12px 0}.f-pattern-panel h3{margin:0}.f-pattern-panel p{margin:5px 0 10px}[data-f-patterns]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.footer-studio .f-pattern{padding:0;overflow:hidden;text-align:left;min-width:0;display:block;background:white}.f-pattern[aria-pressed=true]{outline:3px solid #438269;outline-offset:1px}.f-pattern-sample{display:grid;gap:10px;padding:13px;background:var(--swatch-bg);color:var(--swatch-text);border-bottom:1px solid var(--swatch-border);min-height:95px}.f-pattern-sample strong{font-size:12px}.f-pattern-lines{display:grid;gap:4px}.f-pattern-lines i{display:block;width:90%;height:3px;background:var(--swatch-muted);opacity:.8}.f-pattern-lines i:last-child{width:65%}.f-pattern-button{font-size:10px;padding:4px 7px;border-radius:4px;background:var(--swatch-accent);color:var(--swatch-button);justify-self:start}.f-pattern-title{display:block;padding:8px;font-size:12px;font-weight:700}.f-pattern-title small{display:block;font-size:10px;font-weight:400;color:#59635e;margin-top:3px}.f-scroll-edit{max-height:85vh}@media(max-width:1000px){[data-f-patterns]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){[data-f-patterns]{grid-template-columns:repeat(2,minmax(0,1fr))}.f-scroll-edit{max-height:none}}

/* Consistent editor: choose on the left, preview centrally, configure on the right. */
#footer-dialog.footer-studio{width:98vw;max-width:1840px;max-height:96vh;padding:20px}.footer-studio .f-studio-layout{grid-template-columns:minmax(210px,250px) minmax(340px,1fr) minmax(270px,330px);gap:18px;align-items:start}.footer-studio .f-type-panel,.footer-studio .f-settings-panel{max-height:74vh;overflow:auto;padding:0 8px 12px 0}.footer-studio .f-type-panel .f-gallery{grid-template-columns:1fr}.footer-studio .f-type-panel .f-search-row{grid-template-columns:1fr}.footer-studio .f-center-preview{min-width:0;position:sticky;top:0}.footer-studio .f-center-preview .f-preview-wrap{min-height:200px}.footer-studio .f-settings-panel [data-f-patterns]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.footer-studio .f-pattern-panel{padding-top:0}.footer-studio .f-settings-panel .f-pattern-title{font-size:11px}.footer-studio .f-settings-panel .f-pattern-title small{display:none}.footer-studio .f-settings-panel .f-pattern-sample{min-height:85px;padding:10px}.footer-studio .f-settings-panel .f-form-grid{grid-template-columns:1fr}.footer-studio .f-type-panel .f-card-preview{height:120px}
@media(max-width:1050px){.footer-studio .f-studio-layout{grid-template-columns:210px minmax(0,1fr)}.footer-studio .f-settings-panel{grid-column:2;max-height:none}.footer-studio .f-type-panel{grid-row:1/3}.footer-studio .f-center-preview{position:static}}
@media(max-width:700px){.footer-studio .f-studio-layout{display:flex;flex-direction:column}.footer-studio .f-center-preview{order:0;width:100%}.footer-studio .f-type-panel{order:1;width:100%;max-height:45vh}.footer-studio .f-settings-panel{order:2;width:100%}.footer-studio .f-type-panel .f-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-studio .f-type-panel .f-search-row{grid-template-columns:1fr 1fr}}