.viewer-media.artwork-inspectable{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;user-select:none}
.artwork-inspectable[data-overlay-dragging="true"]{cursor:grabbing}
.artwork-canvas{position:relative;flex:none;width:100%;height:100%;overflow:hidden;isolation:isolate;contain:layout paint}
.artwork-inspectable .artwork-canvas>picture,.artwork-inspectable .artwork-canvas .artwork-render{position:absolute;display:block;max-width:none;max-height:none;margin:0;object-fit:contain;transform:none}
.artwork-inspectable .artwork-canvas>picture>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;-webkit-user-drag:none}
.artwork-inspectable .artwork-canvas .artwork-render{z-index:2;-webkit-user-drag:none}
.artwork-inspectable .artwork-render[hidden]{display:none}
.artwork-inspection-status:empty{display:none}
.artwork-inspection-status{position:absolute;bottom:10px;left:10px;right:10px;z-index:6;padding:8px 12px;border-radius:6px;background:#fffef4eb;color:#314c3b;font-size:12px}
.is-render-comparison::before,.is-render-comparison::after{position:absolute;top:10px;z-index:4;padding:5px 9px;background:#20362dcc;border-radius:4px;color:white;font-size:11px;pointer-events:none}
.is-render-comparison::before{content:'Artwork';left:10px}.is-render-comparison::after{content:'Render';right:10px}
.viewer-tools [data-render-toggle],.result-render-button{display:inline-flex;gap:6px;align-items:center;justify-content:center}
.viewer-tools [data-render-toggle][aria-pressed="true"]{background:#435f42;color:#fff;border-color:#435f42}
.viewer-tools .artwork-zoom-button{min-width:36px;padding-inline:10px}
.artwork-zoom-value{align-self:center;font-size:11px;color:#647059;min-width:34px;font-variant-numeric:tabular-nums}
.result-render-button{border:0;border-top:1px solid #e0e4d5;background:#f0f4e8;width:100%;min-height:34px;color:#49623c;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}
.result-render-button:hover{background:#e3ecd7}.result-render-button:focus-visible{outline:2px solid #9e5a34;outline-offset:-3px}

.result-image.artwork-mini{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;touch-action:pan-x pan-y pinch-zoom;outline:0;box-shadow:inset 0 0 0 1px #6879540b}
.artwork-mini .artwork-wipe::before{width:1px;box-shadow:0 0 0 .5px #263b4680}
.artwork-mini .artwork-wipe>span{width:22px;height:30px;font-size:15px}
.artwork-mini.is-render-comparison::before,.artwork-mini.is-render-comparison::after{top:6px;padding:3px 5px;font-size:9px}
.artwork-mini.is-render-comparison::before{left:6px}.artwork-mini.is-render-comparison::after{right:6px}
.artwork-enlarge{position:absolute;bottom:6px;right:6px;z-index:4;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffffffa0;border-radius:5px;background:#263e34d9;color:white;font:19px system-ui;cursor:zoom-in}
.artwork-enlarge:focus-visible{outline:2px solid #e8b878;outline-offset:2px}

.is-render-comparison:has([data-full-image="render"])::before,.is-render-comparison:has([data-full-image="artwork"])::after{display:none}
.artwork-inspection-status button{padding:4px 8px;margin-left:8px;border:1px solid #91a286;border-radius:4px;background:#fffef8;color:#314c3b;font:inherit;cursor:pointer}