@media(min-width:1181px){
.left-panel .panel-head{padding:5px 8px!important;min-height:32px!important}
.left-panel .panel-body{padding:3px 6px 5px!important;max-height:calc(100vh - 84px)!important;overflow-y:auto!important}
.left-panel .section{min-height:0!important;height:auto!important;padding:0 0 5px!important;margin:0 0 5px!important}
.left-panel .section:first-child{padding-top:0!important;margin-top:0!important}
.left-panel .section:first-child .helper{display:none!important}
.left-panel .section-title{min-height:0!important;margin:0 0 4px!important;padding:0!important;font-size:8.5px!important;line-height:1.15!important}
.left-panel .field{margin:0 0 4px!important;min-height:0!important}
.left-panel .field label{margin:0 0 2px!important;font-size:8.5px!important;line-height:1.1!important}
.left-panel .control{min-height:25px!important;height:25px!important;padding:3px 6px!important;font-size:9px!important;border-radius:6px!important}
.left-panel .row2{gap:4px!important}
.left-panel .component-add{grid-template-columns:minmax(0,1fr) 48px!important;gap:4px!important;align-items:end!important}
.left-panel .component-add .btn,.left-panel #addComponentBtn{width:48px!important;min-width:48px!important;max-width:48px!important;height:25px!important;min-height:25px!important;padding:2px 4px!important;margin:0!important;font-size:8.5px!important;border-radius:6px!important;line-height:1!important}
.left-panel #quantitySelect{max-width:74px!important}
.left-panel .helper{font-size:7.8px!important;line-height:1.2!important;margin:2px 0!important}
.left-panel .selected-list{max-height:205px!important}
.scene-shell{inset:25px 1.5% 40px!important}
}
.direction-zone{position:absolute;z-index:1;pointer-events:none;border:1px solid rgba(242,212,141,.40);background:rgba(215,170,82,.018);overflow:hidden}
.direction-zone-label{position:absolute;z-index:3;left:50%;top:4px;transform:translateX(-50%) rotate(45deg);transform-origin:center;color:rgba(255,244,204,.94);font-size:8.5px;font-weight:950;letter-spacing:.035em;white-space:nowrap;text-shadow:0 1px 3px #000}
.direction-zone .placement-slot{position:absolute;top:0;bottom:0;width:33.333333%;border-left:1px dashed rgba(242,212,141,.40);background:rgba(255,255,255,.008);pointer-events:none}
.direction-zone .placement-slot.slot-1{left:0;border-left:0}.direction-zone .placement-slot.slot-2{left:33.333333%}.direction-zone .placement-slot.slot-3{left:66.666666%}
.direction-zone .placement-slot:after{content:attr(data-slot);position:absolute;bottom:3px;left:50%;transform:translateX(-50%) rotate(45deg);color:rgba(242,212,141,.60);font-size:6.5px;font-weight:900}
.component{min-width:8%!important;padding:2px 1px!important;z-index:6!important}
.component>span{writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:rotate(45deg)!important;font-size:10.5px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.01em!important;max-height:96%!important;max-width:96%!important;overflow:hidden!important;color:#fff8e7!important}
.component>span small{font-size:7px!important;font-weight:850!important;opacity:.8!important}
.plot>.zone-label,.plot>.placement-slot{display:none!important}