.canvas-artwork-modal-module__XIVs4W__dialog{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.canvas-artwork-modal-module__XIVs4W__dialog[open]{justify-content:center;align-items:center;display:flex}.canvas-artwork-modal-module__XIVs4W__dialog::backdrop{background:var(--bg-work-preview-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;transition:opacity var(--preview-duration-in) var(--preview-easing)}.canvas-artwork-modal-module__XIVs4W__dialog[data-closing]::backdrop{opacity:0;transition-duration:var(--preview-duration-out)}@starting-style{.canvas-artwork-modal-module__XIVs4W__dialog[open]::backdrop{opacity:0}}.canvas-artwork-modal-module__XIVs4W__frame{width:min(80vw, calc(80dvh * var(--artwork-ratio)));aspect-ratio:var(--artwork-ratio);flex:none;position:relative}.canvas-artwork-modal-module__XIVs4W__artwork{transform-origin:0 0;border-radius:var(--radius-work-preview);box-shadow:var(--shadow-work-preview);position:absolute;inset:0;overflow:hidden}.canvas-artwork-modal-module__XIVs4W__media{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-artwork-modal-module__XIVs4W__close{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:-12px;left:calc(100% + 1px)}.canvas-artwork-modal-module__XIVs4W__close img{filter:drop-shadow(0 0 1px var(--bg-surface-raised))}.canvas-artwork-modal-module__XIVs4W__close:hover{opacity:.6}.canvas-artwork-modal-module__XIVs4W__close:focus-visible{outline:2px solid var(--bg-accent);outline-offset:2px}@media (max-width:767px){.canvas-artwork-modal-module__XIVs4W__frame{width:min(calc(100vw - 32px), calc((100dvh - 128px) * var(--artwork-ratio)))}.canvas-artwork-modal-module__XIVs4W__close{top:-48px;left:auto;right:-12px}}@media (prefers-reduced-motion:reduce){.canvas-artwork-modal-module__XIVs4W__dialog::backdrop{transition:none}}
.work-canvas-module__OrKH1q__fullBleed{width:100vw;margin-inline:calc(50% - 50vw);position:relative}body:has(.work-canvas-module__OrKH1q__fullBleed) [data-site-header]:after{content:"";background:var(--border-line);pointer-events:none;width:100vw;height:1px;position:absolute;bottom:-1px;left:calc(50% - 50vw)}.work-canvas-module__OrKH1q__viewport{height:calc(100dvh - var(--nav-h));touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--bg-work-canvas);min-height:360px;position:relative;overflow:clip}.work-canvas-module__OrKH1q__tiles{position:absolute;inset:0}.work-canvas-module__OrKH1q__tile{background:var(--bg-work-tile);text-align:left;transform-origin:0 0;-webkit-user-drag:none;border:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.work-canvas-module__OrKH1q__tile:focus-visible{outline:2px solid var(--bg-accent);outline-offset:10px}.work-canvas-module__OrKH1q__tile img{pointer-events:none}.work-canvas-module__OrKH1q__media{opacity:0;transition:opacity .2s ease-out}.work-canvas-module__OrKH1q__media[data-loaded]{opacity:1}@media (prefers-reduced-motion:reduce){.work-canvas-module__OrKH1q__media{transition:none}}.work-canvas-module__OrKH1q__bottom{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.work-canvas-module__OrKH1q__bottom>*{pointer-events:auto}.work-canvas-module__OrKH1q__bottom>span{background:var(--bg-surface);padding:8px 12px;position:absolute;left:40px}.work-canvas-module__OrKH1q__control{min-width:44px;min-height:44px;color:var(--text-heading);flex-shrink:0;padding:0 12px}.work-canvas-module__OrKH1q__control:hover{background:var(--bg-surface-sunken)}.work-canvas-module__OrKH1q__control:disabled{opacity:.35}:is(.figma-cursor .work-canvas-module__OrKH1q__viewport,.figma-cursor .work-canvas-module__OrKH1q__viewport *){cursor:grab!important}:is(.figma-cursor .work-canvas-module__OrKH1q__viewport[data-dragging],.figma-cursor .work-canvas-module__OrKH1q__viewport[data-dragging] *){cursor:grabbing!important}.figma-cursor .work-canvas-module__OrKH1q__viewport .work-canvas-module__OrKH1q__control{cursor:pointer!important}@media (max-width:767px){.work-canvas-module__OrKH1q__bottom{gap:8px;bottom:72px;left:12px;right:12px}.work-canvas-module__OrKH1q__control{padding:0 9px}.work-canvas-module__OrKH1q__bottom>span{white-space:nowrap;padding:6px;bottom:52px;left:50%;transform:translate(-50%)}}body:has(.work-canvas-module__OrKH1q__viewport:hover) [data-local-cursor]{visibility:hidden}
