/* PixLab v4 patch — resolve editor/footer overlap, improve responsive panels. */
html{scroll-padding-top:85px}body{overflow-x:hidden}.editor-app{position:relative;z-index:1;isolation:isolate;display:block!important;min-height:0!important;overflow:visible!important}.editor-app .editor-toolbar{position:relative;min-height:76px;height:auto;flex-wrap:wrap;align-items:flex-start;padding:14px 20px;gap:12px}.editor-app .toolbar-actions{min-width:0;flex-wrap:wrap;gap:6px}.editor-app .toolbar-actions .pro-file-buttons{flex-wrap:wrap}.editor-app .studio-layout{position:relative;display:grid;grid-template-columns:minmax(190px,245px) minmax(320px,1fr) minmax(225px,290px);height:clamp(670px,calc(100dvh - 170px),1250px);min-height:670px;overflow:hidden;align-items:stretch}.editor-app .studio-sidebar,.editor-app .studio-right{min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;overscroll-behavior:contain}.editor-app .canvas-area{min-height:0;height:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column}.editor-app .canvas-viewport{min-height:0;min-width:0;flex:1;overflow:auto;position:relative;overscroll-behavior:contain}.editor-app .canvas-bottom{position:relative;z-index:2;flex:0 0 auto;min-height:34px;height:auto;padding:7px 13px;gap:10px;line-height:1.45;flex-wrap:wrap}.editor-app .canvas-top{flex-shrink:0;min-height:42px}.editor-app ~ .premium-footer{position:relative;z-index:0;clear:both;margin-top:0}.footer.premium-footer{clear:both}.premium-footer .foot-row{min-height:0}.premium-footer .footer-brand-col{min-width:0}.premium-footer .foot-row a{overflow-wrap:anywhere}.premium-footer .foot-bottom{white-space:normal}.v4-admin-links{display:flex;gap:10px;flex-wrap:wrap}.v4-admin-links a{padding:10px 14px;background:#1c2540;border:1px solid #374666;border-radius:10px}.editor-app .studio-sidebar .tool[data-tool=hand] {border-color:#767cd3}.wm-shell,.conv-shell,.tpl-shell{padding-top:55px;padding-bottom:95px}.v4-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(250px,.9fr);gap:25px}.v4-fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v4-fieldset label{min-width:0}.v4-full{grid-column:1/-1}.v4-panel{background:#121a2b;border:1px solid #343c55;border-radius:20px;padding:24px}.v4-panel>h2{font-size:23px}.v4-guide{line-height:1.75;color:#b9c6dc}.v4-guide strong{color:white}.v4-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v4-template{border:1px solid #384362;background:#172138;border-radius:15px;padding:17px}.v4-template img{width:100%;height:185px;object-fit:contain;background:repeating-conic-gradient(#2d3448 0% 25%,#202a3e 0% 50%) 50%/16px 16px;border-radius:11px}.v4-preview{display:block;max-width:100%;max-height:420px;margin:20px auto;border-radius:12px;border:1px solid #4c587a}.v4-kb-shot{margin:24px 0;padding:13px;border-radius:16px;background:#131d32;border:1px solid #364468}.v4-kb-shot img{display:block;width:100%;height:auto;border-radius:8px}.v4-kb-shot figcaption{margin-top:10px;font-size:12px;color:#a1b5d6}.v4-extra{border-top:1px solid #333d5b;margin-top:28px;padding-top:22px}.v4-extra h2{font-size:23px}.v4-extra h3{font-size:18px;margin-top:18px}.v4-extra p,.v4-extra li{color:#b7c3da;line-height:1.85}.v4-code{background:#121d30;border:1px solid #384a62;padding:12px;border-radius:9px;overflow-wrap:anywhere}
@media(max-width:1150px){.editor-app .studio-layout{grid-template-columns:minmax(172px,210px) minmax(270px,1fr) minmax(185px,240px)}.editor-app .studio-toolbar .button{font-size:10px}}
@media(max-width:820px){.editor-app .studio-layout{display:flex;flex-wrap:wrap;height:auto;min-height:0;overflow:visible}.editor-app .studio-sidebar,.editor-app .studio-right{height:340px;max-height:340px;overflow-y:auto;width:50%;flex:1 1 50%}.editor-app .canvas-area{order:3;width:100%;height:62dvh;min-height:450px}.v4-grid{grid-template-columns:1fr}.v4-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.editor-app .studio-sidebar,.editor-app .studio-right{width:100%;flex-basis:100%;height:300px}.editor-app .canvas-area{height:55dvh;min-height:390px}.v4-fieldset{grid-template-columns:1fr}.v4-templates{grid-template-columns:1fr}.wm-shell,.conv-shell,.tpl-shell{padding-top:28px}.v4-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){.editor-app *, .v4-panel *{animation:none!important;transition:none!important}}

@media(min-width:821px) and (max-width:1300px){.header-wrap .mainnav{gap:10px}.header-wrap .mainnav a{font-size:10px}.header-wrap .nav-actions{gap:8px}}