.constructor-shell{height:100dvh;display:grid;grid-template-rows:64px 48px minmax(0,1fr) 184px;background:#eef0ed;color:#233b43;overflow:hidden}.constructor-header{display:flex;align-items:center;gap:14px;padding:10px 20px;background:#fff;border-bottom:1px solid #d6dcd8}.constructor-title{flex:1;min-width:0}.constructor-title strong,.constructor-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.constructor-title small{font-size:12px;color:#647573}.constructor-formats{display:flex;align-items:center;gap:8px;padding:0 20px;background:#fff;border-bottom:1px solid #d6dcd8}.constructor-formats .helper{margin:0 0 0 auto}.constructor-body{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:0}.constructor-work{display:grid;grid-template-rows:49px minmax(0,1fr) 40px;min-width:0;min-height:0}.constructor-pages{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:7px 15px;white-space:nowrap}.constructor-pages>*{flex-shrink:0}.constructor-stage{min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden;container-type:size;background:radial-gradient(#cad1cc 1px,transparent 1px) 0 0/16px 16px}.constructor-canvas{position:relative;width:min(100cqw,calc(100cqh * var(--ratio)));max-height:100%;background:#fff;box-shadow:0 6px 24px #203c4020}.constructor-canvas>img{display:block;width:100%;height:100%;object-fit:contain}.constructor-canvas>img.pending{opacity:.65}.constructor-fold{position:absolute;top:0;bottom:0;width:33.333333%;background:transparent;border:0;border-right:1px dashed #60757a;cursor:pointer;padding:0}.constructor-fold:last-child{border-right:0}.constructor-fold.selected{outline:3px solid #c07835;outline-offset:-3px}.constructor-fold span{position:absolute;left:5px;top:5px;background:#fffdeb;padding:2px 7px;border-radius:5px;font-size:11px;color:#283f45}.constructor-stage-note{display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;color:#566d70}.constructor-inspector{background:#fff;border-left:1px solid #d6dcd8;overflow-y:auto;padding:18px;min-height:0}.constructor-inspector .field{margin-bottom:12px}.constructor-inspector h3{font-size:14px;margin:16px 0 10px}.constructor-inspector .two{gap:8px}.constructor-inspector input,.constructor-inspector select,.constructor-inspector textarea{padding:8px;min-width:0;width:100%}.constructor-inspector textarea{min-height:85px}.constructor-add{display:flex;gap:8px;margin-top:16px}.constructor-library{background:#fff;border-top:1px solid #d6dcd8;padding:10px 18px;min-width:0;overflow:hidden}.constructor-library-heading{height:38px;display:flex;align-items:center;gap:20px}.constructor-library-heading .field{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.constructor-library-heading select{padding:5px 10px;max-width:310px}.constructor-library-heading .helper{margin:0}.constructor-library-strip{display:flex;gap:12px;overflow-x:auto;height:126px;padding:6px 1px}.constructor-source{flex:0 0 148px;display:flex;flex-direction:column;gap:4px;background:#f5f5f1;border:1px solid #d2d8d1;border-radius:8px;padding:5px;cursor:pointer;text-align:left;font-size:11px;color:#30444b;overflow:hidden}.constructor-source:hover{border-color:#bf7f3e;background:#fff8eb}.constructor-source>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.constructor-thumb{display:flex;align-items:center;justify-content:center;height:78px;width:100%;background:#e8ece8}.constructor-thumb img{width:100%;height:100%;object-fit:contain}.constructor-shell .tab{font-size:12px;padding:7px 12px}.constructor-shell .field{font-size:12px}.constructor-shell .helper{font-size:11px}.constructor-shell button:focus-visible{outline:3px solid #b98042;outline-offset:2px}@media(max-width:1000px){.constructor-body{grid-template-columns:minmax(0,1fr) 240px}.constructor-formats .helper{display:none}.constructor-shell{grid-template-rows:60px 46px minmax(0,1fr) 170px}.constructor-library-heading .helper{display:none}.constructor-library-strip{height:112px}.constructor-stage{padding:14px}.constructor-stage-note{font-size:10px;padding:0 8px}}@media(max-width:650px){.constructor-header{padding:8px;gap:5px}.constructor-header .btn{font-size:11px;padding:8px}.constructor-title strong{font-size:12px}.constructor-body{grid-template-columns:minmax(0,1fr) 170px}.constructor-inspector{padding:9px}.constructor-formats{padding:0 5px;gap:1px}.constructor-shell .tab{font-size:10px;padding:6px}.constructor-library-heading{gap:8px}.constructor-library-heading strong{font-size:11px}.constructor-library-heading select{max-width:170px}.constructor-stage-note{display:none}.constructor-work{grid-template-rows:42px minmax(0,1fr)}.constructor-inspector .two{grid-template-columns:1fr}.constructor-add{flex-wrap:wrap}}

.constructor-library-heading .field{flex-direction:row}.constructor-library-heading select{min-height:30px;height:30px}.constructor-source{height:103px}.constructor-thumb{flex:0 0 73px;height:73px}.constructor-source>span:last-child{flex:0 0 16px;line-height:16px}.constructor-pages{overflow-y:hidden}.constructor-expanded{grid-template-rows:64px 48px minmax(0,1fr) 0}.constructor-expanded .constructor-library,.constructor-expanded .constructor-inspector{display:none}.constructor-expanded .constructor-body{grid-template-columns:minmax(0,1fr)}

.constructor-library-heading [name=library]{max-width:290px}.constructor-library-heading [name=library_part]{max-width:175px}.constructor-library-strip{overflow-y:hidden}.constructor-source{height:96px}.constructor-thumb{flex-basis:66px;height:66px}.constructor-fold.selected{background:#bd843008}.constructor-stage-note{flex-wrap:wrap;line-height:1.1}

.constructor-fold span{top:-20px;pointer-events:none;background:#fffdeb;white-space:nowrap}.constructor-library-heading{gap:14px}

.constructor-inspector input[type="checkbox"]{width:auto;flex:0 0 auto;padding:0}