.db-art-room{position:relative;aspect-ratio:4/5;overflow:hidden;background:#eeeae1}.db-art-room>svg{display:block;width:100%;height:100%}.db-art-room a:focus-visible{outline:3px solid #2271b1}.db-room-edit{padding:16px;background:white;border:1px solid #ddd;min-width:0}.db-room-edit .db-art-room{margin-top:12px;width:100%;max-height:none}.db-room-edit .db-triptych{width:300%;height:100%;max-width:none;transform:translateX(calc(var(--panel) * -33.333333%));object-fit:fill}.db-room-edit .db-art-room>img:not(.db-triptych){width:100%;height:100%;object-fit:cover}.db-room-edit button{margin-bottom:5px!important}
#db-collage-dialog{box-sizing:border-box;width:min(1120px,95vw);max-width:1120px;max-height:94vh;padding:24px;border:1px solid #bfb5a5;background:#faf9f5;color:#25251f;overflow:auto}#db-collage-dialog::backdrop{background:#0009}.db-collage-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.db-collage-top h2{font:30px Georgia,serif;margin:0}.db-collage-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:28px;align-items:start}.db-collage-controls{min-width:0}.db-collage-controls label{display:block;margin:12px 0 6px}.db-collage-controls input,.db-collage-controls select{display:block;box-sizing:border-box;max-width:none;width:100%;margin-top:6px}#db-collage-stage{position:relative;width:100%;max-width:560px;aspect-ratio:4/5;touch-action:none;user-select:none;background:#eeeae1}#db-collage-stage svg{display:block;width:100%;height:100%}#db-collage-stage .db-wall-piece{cursor:grab}#db-collage-stage .db-piece-handle{cursor:nwse-resize}#db-collage-stage:focus-visible{outline:3px solid #2271b1;outline-offset:4px}#db-piece-controls{margin-top:16px;border:1px solid #ddd4c4;padding:14px}#db-piece-controls:disabled{opacity:.55}.db-piece-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}#db-collage-notice{min-height:1.5em;color:#655a48}.db-art-room .db-wall-piece{isolation:isolate}
@media(max-width:800px){#db-room-editor{grid-template-columns:1fr!important}.db-collage-layout{grid-template-columns:1fr}#db-collage-stage{max-width:480px;margin:auto}#db-collage-dialog{padding:16px}.db-room-edit .db-art-room{max-width:420px;margin-inline:auto}}

.db-room-card figcaption{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px 12px}.db-room-caption{font:13px/1.6 Arial,sans-serif;color:#776b58}.db-room-shop-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:normal clamp(19px,1.8vw,26px)/1.3 Georgia,serif;color:inherit;text-decoration:none}.db-room-shop-link:hover{text-decoration:underline;text-underline-offset:6px}.db-room-shop-link:focus-visible{outline:2px solid #89755b;outline-offset:5px}.db-room-shop-fields{margin:20px 0;padding:14px;border:1px solid #d9d1c3;background:#f5f1e9}.db-room-shop-fields h3{margin-top:0}.db-room-shop-fields label{display:block}

#db-crop-panel{padding:12px;margin:12px 0;border:1px solid #c9bda9;background:#fff}#db-crop-panel[hidden]{display:none}#db-crop-panel h3{margin-top:0}#db-crop-source{position:relative;max-width:100%;margin:12px auto;overflow:hidden;touch-action:none;user-select:none;background:#eee}#db-crop-image{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}#db-crop-box{position:absolute;box-sizing:border-box;border:2px solid #2271b1;box-shadow:0 0 0 1000px #0007;cursor:move}#db-crop-handle{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border:2px solid #2271b1;border-radius:50%;background:white;box-sizing:border-box;cursor:nwse-resize}#db-crop-source:focus-visible{outline:3px solid #2271b1}#db-crop-status{min-height:1.4em}#db-crop-open{margin-top:12px}

.db-collage-layout>div,#db-piece-controls{min-width:0}.db-collage-controls button{max-width:100%;white-space:normal}.db-collage-controls input,.db-collage-controls select{min-width:0}@media(max-width:800px){.db-collage-layout{grid-template-columns:minmax(0,1fr)}}

#db-piece-controls .db-room-frame-choice{padding:12px;margin:14px 0;background:#eee7db;border:1px solid #c8b99e;font-weight:600}#db-piece-controls .db-room-frame-choice select{font-weight:400;background:white}

.db-room-shop-fields .db-room-artist-row[hidden],.db-room-shop-fields .db-room-category-row[hidden]{display:none!important}

.db-room-mat-choice .description{display:block;margin-top:7px;font-size:12px;line-height:1.6}.db-room-mat-choice select:disabled{opacity:.6}
