.brand.brand-image{display:flex;width:100%;height:150px;padding:0;align-items:center;justify-content:center}.brand.brand-image img{width:100%;height:100%;max-width:none;object-fit:contain}.home-top .brand.brand-image{width:175px;height:105px}
.editor-body{position:relative;--rail:76px;--panel:260px;--inspector:236px;grid-template-columns:var(--rail) var(--panel) minmax(250px,1fr) var(--inspector)}.editor-body.panel-collapsed{grid-template-columns:var(--rail) 0 minmax(250px,1fr) var(--inspector)}.panel-collapsed>.panel{display:none}.panel-toggle{position:absolute;left:calc(var(--rail) + var(--panel));top:45%;z-index:6;width:23px;height:52px;padding:0;border-radius:0 12px 12px 0;color:#7c2bed;background:white;box-shadow:3px 2px 8px #17285f20;font-size:26px}.panel-collapsed>.panel-toggle{left:var(--rail)}.stage-wrap{flex:1 0 auto}.zoom-row{gap:8px;position:sticky;left:0;bottom:0;background:#f0f1f7;z-index:3;flex-shrink:0}.zoom-row button{padding:5px 8px}.zoom-row #zoom-label{min-width:36px}.zoom-row input{min-width:55px;width:125px}.zoom-row #size-label{white-space:nowrap}
.visual-crop-controls{padding:10px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e1e3ec}.visual-crop-controls label{display:flex;gap:6px;align-items:center;font-size:12px}.visual-crop-box{position:absolute;z-index:3;border:2px solid #9342ff;box-shadow:0 0 0 3000px #10152c55;cursor:move;touch-action:none}.visual-crop-box[hidden]{display:none}.visual-crop-box:focus{outline:2px solid #fff;outline-offset:2px}.crop-thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#ffffff90 33%,#ffffff90 33.3%,transparent 33.3%,transparent 66%,#ffffff90 66%,#ffffff90 66.3%,transparent 66.3%),linear-gradient(to bottom,transparent 33%,#ffffff90 33%,#ffffff90 33.3%,transparent 33.3%,transparent 66%,#ffffff90 66%,#ffffff90 66.3%,transparent 66.3%)}.crop-handle{position:absolute;background:white;border:1px solid #9342ff;width:13px;height:13px;border-radius:3px}.crop-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.crop-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.crop-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}
@media(min-width:1550px){.editor-body{--rail:80px;--panel:290px;--inspector:260px}}
@media(max-width:1100px){.editor-body{--rail:68px;--panel:220px;--inspector:0px;grid-template-columns:var(--rail) var(--panel) minmax(230px,1fr)}.editor-body.panel-collapsed{grid-template-columns:var(--rail) 0 minmax(230px,1fr)}}
@media(max-width:700px){.editor-body,.editor-body.panel-collapsed{--rail:55px;grid-template-columns:55px minmax(0,1fr)}.panel-toggle{left:55px}.editor-body:has(.panel.mobile-open)>.panel-toggle{left:295px}.zoom-row{gap:4px;padding:8px 4px}.zoom-row input{width:80px}.zoom-row #size-label{font-size:10px}.home-top .brand.brand-image{width:130px;height:85px}}
.actual-art{display:flex!important;align-items:center;justify-content:center;padding:10px!important;background:#e9ecf3!important;overflow:hidden}.template-card .art.actual-art:after{display:none}.actual-art>svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 5px #17285f15)}.template-format{display:block;font-size:11px;color:#36496d;line-height:1.5;margin:5px 0}.template-mini.actual-mini{padding:10px;background:#f0f2f7!important;color:#17285f!important}.actual-mini>svg{display:block;width:100%;height:155px}.actual-mini small{font-size:11px;line-height:1.5;padding:8px 2px 0}
.editor-body>.tool-rail{grid-column:1;grid-row:1}.editor-body>.panel{grid-column:2;grid-row:1}.editor-body>.workspace{grid-column:3;grid-row:1}.editor-body>.inspector{grid-column:4;grid-row:1}@media(max-width:700px){.editor-body>.workspace{grid-column:2}.editor-body>.panel{grid-column:auto}.editor-body>.inspector{grid-column:auto}}
