.test-layout-open{display:block;width:100%;margin:10px 0;padding:12px 8px;background:#e2edce;border-color:#9aac7c;font-weight:600;font-size:12px}.test-layout-open[hidden]{display:none}.test-layout-panel{position:absolute;z-index:15;left:16px;bottom:54px;width:min(440px,calc(100% - 32px));padding:14px;background:#fffef3f5;border:1px solid #c8d7b3;border-radius:14px;box-shadow:0 6px 26px #19352230;font-size:12px}.test-layout-panel p{margin:8px 0;line-height:1.45}.test-layout-panel strong{font-size:14px}.test-layout-modes,.test-layout-angle,.test-layout-actions{display:flex;gap:6px;align-items:center}.test-layout-panel button{min-height:38px;padding:8px 10px;font-size:12px}.test-layout-modes{margin:10px 0}.test-layout-modes button[aria-pressed=true]{background:#dbe8bf;border-color:#8ca36a;font-weight:600}.test-layout-panel label{display:block;margin:8px 0 4px}.test-layout-panel output{float:right}.test-layout-angle input{flex:1;min-width:30px}.test-layout-actions{justify-content:flex-end;flex-wrap:wrap}.test-layout-panel #test-layout-status{min-height:34px;color:#526346}@media(max-width:1100px){.test-layout-panel{left:8px;bottom:58px;width:calc(100% - 16px);padding:11px}.test-layout-panel button{min-height:42px}.test-layout-panel p{font-size:11px}.test-layout-modes button{flex:1}}

.map-area:has(.test-layout-panel) .draw-hint{visibility:hidden}