/* The existing desktop/mobile control layout remains in charge. */
.bc-davinci-view{display:flex;flex-direction:column;min-width:0;width:100%;background:#fffefa}
.bc-davinci-paper{position:relative;width:100%;aspect-ratio:1.5;overflow:hidden;background:#fffefa}
.bc-davinci-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;border:0}
.bc-davinci-note{flex:none;margin:5px 4px 0;padding:0;text-align:center;color:#786d5e;font-size:10px;line-height:1.35;font-weight:400}
.bc-davinci-zoom{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:1px;padding:2px;border:1px solid #cabea5;border-radius:4px;background:#fffefaf0}
.bc-davinci-zoom button{appearance:none;min-width:30px;min-height:30px;padding:4px 7px;margin:0;border:0;border-radius:2px;background:transparent;color:#4d4030;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}
.bc-davinci-zoom button[data-bc-art-zoom=fit]{font-size:11px}
.bc-davinci-zoom button:hover{background:#e9dfcd}
.bc-davinci-zoom button:focus-visible{outline:2px solid #854b31;outline-offset:2px}
.bc-davinci-error{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 130px);margin:0;background:#fffefa;color:#854b31;font-size:12px;line-height:1.4}
.bc-davinci-error[hidden]{display:none}
.f-drawing figure.bc-config-figure{padding:8px!important;background:#fffefa!important}
.f-drawing .bc-davinci-view{flex:1;min-height:0}
.f-drawing .bc-davinci-paper{flex:1;min-height:0;aspect-ratio:auto}
.f-drawing .bc-davinci-legacy{display:flex;flex:1;flex-direction:column;min-height:0}
.bc-davinci-legacy>svg{display:block;width:100%;height:auto}
.f-drawing .bc-davinci-legacy>svg{flex:1;min-height:0}
@media(max-width:820px){.f-drawing figure.bc-config-figure{padding:5px!important}.bc-davinci-note{font-size:9px;margin-top:3px}.bc-davinci-zoom{right:4px;bottom:4px}.bc-davinci-zoom button{min-width:28px;min-height:28px}}