.object.native{border:1px solid transparent;min-width:4px;min-height:4px}.object.native:not(.changed){color:transparent!important}
.object.native:hover{border-color:#7da13c;background:#c9f24a22}
.object.native.selected{background:#c9f24a38}
.object.native.changed{background:#fff}
@media(max-width:950px){.properties:has(#props:not([hidden])){display:block;position:fixed;z-index:20;left:64px;right:0;bottom:46px;max-height:46vh;border-top:1px solid #dce1dc;box-shadow:0 -15px 40px #17201d28}.properties:has(#props:not([hidden])) h2{display:none}.properties:has(#props:not([hidden])) #props{display:grid;grid-template-columns:1fr 1fr;gap:10px}.properties:has(#props:not([hidden])) label{margin:0}.properties:has(#props:not([hidden])) #textProp{grid-column:1/-1}}
@media(max-width:650px){.properties:has(#props:not([hidden])){left:58px}}
.properties select{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #ccd2cd;border-radius:7px;background:#fff}
.style-buttons{display:flex;gap:6px;margin-top:7px}.properties .style-buttons button{width:38px;height:34px;padding:0;border:1px solid #ccd2cd;background:#fff;color:#17201d}.properties .style-buttons button.active{background:#123b2d;color:#fff;border-color:#123b2d}
#sourceFont{display:block;margin-top:5px;color:#7b847f;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page.drawing-mode{touch-action:none;cursor:crosshair}#pageImage{-webkit-user-drag:none;user-select:none}