.sketch-item { will-change: auto !important; }
.sketch-item > img { will-change: auto !important; }
.sketch-item, .sketch-item > img { touch-action:pan-y!important; }
.sketch-item.is-grabbed > img,
.sketch-item.is-settle > img { animation: none !important; }
.sketch-item.is-grabbed { filter: none !important; }
.sketch-item.paper-moving { will-change: transform; filter: var(--paper-shadow, none) !important; }
.sketch-item.paper-moving > img { will-change: transform !important; }
.paper-light { position: absolute; display: block; pointer-events: none; z-index: 1; opacity: 0;
    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.88) 43%, rgba(255,255,255,0) 65%);
    background-size: 180% 180%; mix-blend-mode: screen;
    -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
@media (prefers-reduced-motion: reduce) { .paper-light { display: none; } }
.paper-mesh { position:absolute;display:block;pointer-events:none;z-index:0;transform:none!important;transition:none!important; }
.sketch-item.paper-rendering > img { visibility:hidden!important;transition:none!important; }
.sketch-item > img { transition:none!important; }
.ipad-work-surface { position:absolute; box-sizing:border-box; border-radius:var(--ipad-radius); background:#080909;
    border:1px solid #757879; box-shadow:inset 0 0 0 1px #121516,0 1px 0 #171a1b,0 3px 3px rgba(0,0,0,.30),0 9px 16px rgba(0,0,0,.22);
    touch-action:none; cursor:grab; user-select:none; -webkit-user-select:none; z-index:3; }
.ipad-work-surface::before { content:''; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
    background:linear-gradient(130deg,rgba(240,244,246,.32),transparent 24%,transparent 72%,rgba(2,4,5,.5));
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude; padding:1px; }
.ipad-work-surface > video.gallery-image { position:absolute !important; left:var(--ipad-bezel) !important; top:var(--ipad-bezel) !important;
    width:calc(100% - var(--ipad-bezel)*2) !important; height:calc(100% - var(--ipad-bezel)*2) !important;
    border-radius:calc(var(--ipad-radius) - var(--ipad-bezel)) !important; opacity:1 !important; object-fit:cover !important;
    background:#020303; mix-blend-mode:normal !important; filter:none !important; pointer-events:none; }
.ipad-glass { position:absolute; inset:var(--ipad-bezel); border-radius:calc(var(--ipad-radius) - var(--ipad-bezel)); pointer-events:none;
    background:linear-gradient(126deg,rgba(255,255,255,.055),transparent 35%,transparent 64%,rgba(255,255,255,.018)); z-index:2; }
.ipad-camera { position:absolute; width:2px;height:2px;border-radius:50%;right:1px;top:50%;background:#061013;box-shadow:inset .4px .4px .4px #384249; pointer-events:none; }
.ipad-work-surface.landscape .ipad-camera { top:1px;left:50%;right:auto; }
.ipad-work-surface.is-grabbed { cursor:grabbing;z-index:9999; }
.ipad-work-surface.paper-moving { will-change:transform;filter:var(--paper-shadow,none); }

.ipad-viewer { position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:rgba(12,15,17,.94);overflow:hidden; }
.ipad-viewer::backdrop { background:rgba(0,0,0,.75); }
.ipad-viewer-stage { position:absolute;inset:60px 16px 28px;display:flex;align-items:center;justify-content:center; }
.ipad-viewer .ipad-work-surface { position:relative!important;left:auto!important;top:auto!important;width:min(72vh,90vw)!important;height:auto!important;aspect-ratio:177.5/249.7;transform:none!important;cursor:default; }
.ipad-viewer .ipad-work-surface.landscape { width:min(90vw,115vh)!important;aspect-ratio:249.7/177.5; }
.ipad-viewer .ipad-work-surface > video.gallery-image { pointer-events:auto; }
.ipad-viewer-close { position:absolute;right:18px;top:14px;width:42px;height:42px;border:1px solid #7b8185;border-radius:50%;background:#24292d;color:white;font:28px/1 system-ui;cursor:pointer;z-index:5; }