.cv-canvas{--paint:#4cc9f0;--edge:color-mix(in oklab, var(--paint) 68%, #000);--edge-light:color-mix(in oklab, var(--paint) 88%, #fff);--weave-size:144px;aspect-ratio:1;position:relative;container-type:inline-size}.cv-face{background:var(--paint);border-radius:.45cqi;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 .55cqi .7cqi -.35cqi #ffffff4d,inset .45cqi 0 .7cqi -.35cqi #ffffff24,inset 0 -.8cqi 1.1cqi -.45cqi #0000004d,inset -.7cqi 0 1cqi -.45cqi #00000038}.cv-hung{box-shadow:inset 0 .55cqi .7cqi -.35cqi #ffffff4d,inset .45cqi 0 .7cqi -.35cqi #ffffff24,inset 0 -.8cqi 1.1cqi -.45cqi #0000004d,inset -.7cqi 0 1cqi -.45cqi #00000038,0 .2cqi .25cqi #00000047,.6cqi 1.8cqi 2.2cqi -.6cqi #00000052,1.5cqi 5.5cqi 9cqi -3cqi #00000061}.cv-cart{object-fit:contain;-webkit-user-select:none;user-select:none;width:70%;height:70%;filter:var(--cart-shadow,drop-shadow(1cqi 1cqi 0 #00000059));position:absolute;inset:15%}.cv-weave{pointer-events:none;background-image:url(/textures/canvas-weave.png);background-size:clamp(24px, 36cqi, var(--weave-size));mix-blend-mode:soft-light;opacity:.7;position:absolute;inset:0}@container (max-width:260px){.cv-weave{opacity:.35}}@container (max-width:140px){.cv-weave{opacity:.12}}.cv-light{pointer-events:none;background:radial-gradient(120% 90% at 18% 8%,#ffffff29,#0000 55%),linear-gradient(160deg,#0000 55%,#0000001f);position:absolute;inset:0}.cv-stage{perspective:1600px;perspective-origin:30% 40%}.cv-body{aspect-ratio:1;transform-style:preserve-3d;position:relative;transform:rotateY(-33deg)rotateX(2deg);container-type:inline-size}.cv-side{height:100%;width:var(--depth,8%);transform-origin:0;background:linear-gradient(90deg, var(--edge-light), var(--edge) 22%, color-mix(in oklab, var(--edge) 82%, #000));border-radius:0 .3cqi .3cqi 0;position:absolute;top:0;left:100%;overflow:hidden;transform:rotateY(90deg);box-shadow:inset .15cqi 0 #ffffff40}.cv-cast{filter:blur(4.5cqi);background:#0000004d;position:absolute;inset:4% -2% -4% 6%;transform:translateZ(-60px)}.cv-wall{background:radial-gradient(60% 55% at 50% 2%,#fff4de8c,#0000 70%),linear-gradient(#2a2724,#1a1816);place-items:center;padding:14% 18% 18%;display:grid;position:relative;overflow:hidden}.cv-wallDay{background:radial-gradient(70% 60% at 30% 0,#ffffffe6,#0000 70%),linear-gradient(#ecebe7,#dcdad4)}@media (hover:hover) and (pointer:fine){.cv-lift{transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}.cv-lift:hover{transform:translateY(-3px)}}.cv-frame{aspect-ratio:1;background:linear-gradient(150deg,#34312d,#191817 55%,#111010);border-radius:.5cqi;padding:4.6%;position:relative;box-shadow:inset 0 0 0 .3cqi #0c0b0a,inset .3cqi .3cqi .4cqi #ffffff1f,0 .2cqi .25cqi #0000004d,.6cqi 1.8cqi 2.2cqi -.6cqi #00000057,1.5cqi 5.5cqi 9cqi -3cqi #0006;container-type:inline-size}.cv-frame:before{content:"";background:#090807;border-radius:.3cqi;position:absolute;inset:3%}.cv-frame>.cv-canvas{z-index:1;width:100%;position:relative}.cv-metal .cv-weave{display:none}.cv-metal .cv-face{border-radius:.25cqi;box-shadow:inset 0 0 0 .15cqi #ffffff38,0 .3cqi .4cqi #0003,1cqi 3cqi 4cqi -1cqi #0000004d,2cqi 8cqi 12cqi -4cqi #00000057}.cv-gloss{z-index:1;pointer-events:none;background:linear-gradient(118deg,#0000 30%,#ffffff4d 44%,#ffffff12 52%,#0000 64%),linear-gradient(#ffffff1f,#0000 40%);border-radius:.25cqi;position:absolute;inset:0}.cv-board{gap:.7%;padding:.7%;display:grid;position:absolute;inset:0}.cv-art{aspect-ratio:1;background:var(--paint);position:relative;container-type:inline-size}