.roji-bg-editor{position:fixed;inset:0;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1600px;max-height:none;margin:auto;padding:0;border:1px solid #d5d5d0;border-radius:12px;color:#172526;background:#fff;font:14px Arial,sans-serif;overflow:hidden}
.roji-bg-editor .rbg-viewport{min-height:0;scrollbar-gutter:stable;contain:size}.roji-bg-editor .rbg-stage canvas{max-width:none;max-height:none;flex:0 0 auto}.roji-bg-editor .rbg-stage{height:max-content}
.roji-bg-editor[open]{display:flex;flex-direction:column}.roji-bg-editor::backdrop{background:#1119}.roji-bg-editor header,.roji-bg-editor footer{display:flex;align-items:center;gap:16px;padding:16px 22px;flex-shrink:0}.roji-bg-editor header{border-bottom:1px solid #ddd;justify-content:space-between}.roji-bg-editor h2{font-size:22px;margin:0 0 8px}.roji-bg-editor p{line-height:1.6;color:#5c6968;margin:6px 0 16px}.roji-bg-editor header p{margin:0}.roji-bg-editor button{padding:12px;border:1px solid #c8ccca;border-radius:8px;background:#fff;color:#172526;cursor:pointer;font:600 13px Arial,sans-serif}.roji-bg-editor button:disabled{opacity:.4;cursor:default}.roji-bg-editor button[aria-pressed=true],.roji-bg-editor [data-do=apply]{background:#172526;color:#fff}.rbg-body{display:flex;min-height:0;flex:1}.rbg-viewport{flex:1;min-width:0;overflow:auto;background:#e7e4dc;overscroll-behavior:contain}.rbg-stage{min-width:100%;min-height:100%;width:max-content;display:flex;padding:24px;box-sizing:border-box}.rbg-stage canvas{display:block;flex-shrink:0;margin:auto;touch-action:none;background:repeating-conic-gradient(#d3d4d2 0% 25%,#eee 0% 50%) 0 0/20px 20px;box-shadow:0 1px 10px #0002}.roji-bg-editor aside{width:290px;flex-shrink:0;box-sizing:border-box;padding:22px;overflow:auto;border-left:1px solid #ddd;background:#fafaf7}.roji-bg-editor aside>button{width:100%;margin-bottom:14px}.rbg-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0}.rbg-row button{flex:1}.roji-bg-editor label{display:block;margin:20px 0;font-weight:600}.roji-bg-editor input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#246d65}.roji-bg-editor label output{float:right;font-weight:400}.roji-bg-editor footer{border-top:1px solid #ddd}.roji-bg-editor footer span{flex:1;color:#5c6968}@media(max-width:700px){.rbg-body{flex-direction:column}.roji-bg-editor aside{width:100%;height:230px;border-left:0;border-top:1px solid #ddd}.roji-bg-editor{width:100vw;height:100dvh;border-radius:0}.roji-bg-editor footer span{display:none}.roji-bg-editor header p{display:none}}