.work-grid>li{position:relative}.scv-zoom{z-index:2;color:#eef2f7;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060ab8;border:1px solid #eef2f747;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;transition:border-color .2s,transform .2s;display:grid;position:absolute;top:18px;left:18px}.scv-zoom:hover{border-color:var(--accent-bright,#5aa7ff)}.scv-zoom:active{transform:scale(.94)}.scv-zoom svg,.scv-x svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.scv-dlg{color:#eef2f7;background:#04060a;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.scv-dlg::backdrop{background:#04060ae6}.scv-dlg[open]{grid-template-rows:minmax(0,1fr) auto;display:grid}.scv-pan{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;display:flex;overflow:auto}.scv-pan img{width:max(100%,1100px);max-width:none;height:auto;margin:auto;display:block}@media (min-width:1200px){.scv-pan img{width:min(100%,1600px)}}.scv-cap{padding:12px 20px calc(12px + env(safe-area-inset-bottom));font:500 12px/1.3 var(--f-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2,#a3aebc);text-align:center;margin:0}.scv-x{top:calc(12px + env(safe-area-inset-top));z-index:3;color:#eef2f7;cursor:pointer;background:#04060acc;border:1px solid #eef2f74d;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;right:12px}.device-screen img[data-focus]{transform-origin:var(--fx) var(--fy);transform:scale(var(--fz));object-position:top left}@media (min-width:1024px){.device-screen img[data-focus]{transform:scale(var(--fzd))}}