.studio .artwork-dialog{--artwork-fit-height:max(120px,calc(90svh - 180px));color:#30291f;background:#fffaf0;border:1px solid #c3b298;width:min(1200px,94vw);max-height:94svh;padding:18px}.studio .artwork-dialog[open]{gap:12px;display:grid}.studio .artwork-dialog::backdrop{background:#0b1411df}.studio .artwork-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio .artwork-dialog h2{margin:0;font-size:26px}.studio .artwork-dialog button{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #8d7a60;padding:8px 12px;font-size:14px}.studio .artwork-dialog button:disabled{opacity:.45;cursor:default}.studio .artwork-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;display:flex}.studio .artwork-browse-controls,.studio .artwork-zoom-controls{align-items:center;gap:8px;margin:0;display:flex}.studio .artwork-toolbar output{white-space:nowrap;font-size:14px}.studio .artwork-dialog .artwork-viewport{max-height:var(--artwork-fit-height);overscroll-behavior:contain;background:#e8e0d5;border:1px solid #d4c8b7;min-height:120px;overflow:auto}.studio .artwork-viewport img{height:auto;display:block}.studio .artwork-viewer-inquiry{justify-self:start}.studio .artwork-inquiry-actions{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.studio .artwork-inquiry-actions p{flex-basis:100%;font-size:14px;line-height:1.5;margin:0!important}.studio .artwork-inquiry-actions a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.studio .artwork-dialog:has(.artwork-inquiry-actions){--artwork-fit-height:max(120px,calc(90svh - 290px))}.studio .artwork-dialog button:focus-visible,.studio .artwork-viewport:focus-visible,.studio .artwork-viewer-inquiry:focus-visible{outline-offset:3px;outline:3px solid #784e32}html:has(.artwork-dialog[open]){scrollbar-gutter:stable;overflow:hidden}@media (max-width:650px){.studio .artwork-dialog{--artwork-fit-height:max(120px,calc(90svh - 250px));gap:10px;padding:12px}.studio .artwork-dialog:has(.artwork-inquiry-actions){--artwork-fit-height:max(120px,calc(90svh - 340px))}.studio .artwork-dialog:has(.artwork-inquiry-actions) .artwork-viewport{max-height:min(44svh,var(--artwork-fit-height))}.studio .artwork-toolbar{gap:8px}.studio .artwork-browse-controls{justify-content:space-between;gap:6px;width:100%}.studio .artwork-browse-controls button{padding:8px 7px;font-size:12px}}