/* Simple workspace panels inside the recovered fan. No banking or device props. */
#fan .pack{padding:calc(var(--w)*.03);border-radius:calc(var(--w)*.065);background:#171719;border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff1c,0 26px 55px -20px #000c}
.gc.product-card{padding:10% 9% 9%;justify-content:flex-end;isolation:isolate;text-align:left;align-items:stretch;box-shadow:inset 0 0 0 1px #ffffff0c}
.gc.product-card:before{display:none}
.gc.product-card:after{opacity:.4}
.product-card.stock-white{--stock:linear-gradient(160deg,#f5f5f6,#e1e2e4)}
.product-card.stock-silver{--stock:linear-gradient(160deg,#dadbdd,#bfc1c5)}
.product-card.stock-graphite{--stock:linear-gradient(160deg,#333437,#242527)}
.product-card.stock-black{--stock:linear-gradient(160deg,#1d1e20,#101112)}
.product-card .gc-amt{top:8%;right:9%;font:500 calc(var(--w)*.038)/1 var(--sans);letter-spacing:0;opacity:.55}
.product-card .c-category{position:absolute;top:8%;left:9%;right:22%;font:500 calc(var(--w)*.038)/1.2 var(--sans);letter-spacing:.015em;opacity:.65;white-space:nowrap}
.product-card .gc-name{position:relative;width:100%;min-height:20%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;z-index:3;line-height:1.2}
.product-card .gc-name b{font-size:calc(var(--w)*.083);font-weight:600;letter-spacing:-.025em}
.product-card .gc-name>span{font-size:calc(var(--w)*.047);opacity:.65;line-height:1.35}
.c-stock-seam{position:absolute;left:9%;right:9%;bottom:29%;height:1px;background:currentColor;opacity:.13}
.c-scene{position:absolute;left:9%;right:9%;top:21%;height:45%;color:var(--fg);transform:translate(calc(var(--art-x,0)*2px),calc(var(--art-y,0)*2px));transition:transform .45s var(--ease);text-align:left}
.c-symbol{position:absolute;display:block;left:0;top:0;width:33%;aspect-ratio:1;transition:translate .45s var(--ease)}
.gc.product-card .gc-logo{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;background:var(--fg);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.gc.product-card[data-own-mark] .gc-logo{-webkit-mask-image:var(--product-mark,var(--logo));mask-image:var(--product-mark,var(--logo))}
.c-copy{position:absolute;left:0;right:0;bottom:0;font:500 calc(var(--w)*.092)/1.12 var(--display);letter-spacing:-.035em}
.pack:is(.hov,.lift,:focus-visible) .c-symbol{translate:0 -3px}
/* Different visual rhythms, using each platform mark once across the twelve cards. */
.c-scene-source .c-symbol{left:auto;right:0;top:-3%;width:48%}
.c-scene-source .c-copy{font-size:calc(var(--w)*.087)}
.c-scene-draft{top:22%;height:43%;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--w)*.055)}
.c-draft-line{display:flex;flex-direction:column;gap:calc(var(--w)*.02);padding-bottom:calc(var(--w)*.03);border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.c-draft-line>span{font:400 calc(var(--w)*.041)/1 var(--sans);opacity:.55}
.c-draft-line>b{font:500 calc(var(--w)*.115)/1.05 var(--display);letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-draft-line:last-child>b{font-size:calc(var(--w)*.09)}
.c-scene-fees{top:22%;height:42%;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--w)*.035)}
.c-fee-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(var(--w)*.044) 0;border-bottom:1px solid currentColor;opacity:.35;transition:opacity .3s}
.c-fee-option b{font:500 calc(var(--w)*.105)/1 var(--display);letter-spacing:-.035em}
.c-fee-option>span{font:400 calc(var(--w)*.1)/.8 var(--sans)}
.c-fee-option.is-selected{opacity:1}
.c-fee-option.is-selected>span{display:inline-grid;place-items:center;width:calc(var(--w)*.09);height:calc(var(--w)*.09);font-size:0;border-radius:50%;background:currentColor}
.c-scene-review .c-symbol{width:37%;left:56%;top:-2%;rotate:-25deg}
.c-wallet-outline{position:absolute;left:0;top:0;width:65%;height:49%;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.c-scene-wallet .c-copy{font-size:calc(var(--w)*.108)}
.c-wave{position:absolute;left:0;right:0;top:1%;height:42%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--w)*.015)}
.c-wave i{display:block;width:calc(var(--w)*.026);height:var(--bar);min-height:3px;border-radius:999px;background:currentColor;transform-origin:center;transition:scale .45s var(--ease)}
.pack:is(.hov,.lift,:focus-visible) .c-wave i:nth-child(3n){scale:1 .72}
.pack:is(.hov,.lift,:focus-visible) .c-wave i:nth-child(3n+1){scale:1 1.16}
.c-buy-plus{position:absolute;left:-2%;top:-18%;font:300 calc(var(--w)*.43)/1 var(--display);letter-spacing:-.06em}
.c-buy-unit{position:absolute;right:0;top:5%;font:500 calc(var(--w)*.09)/1 var(--sans);letter-spacing:-.03em}
.c-scene-buy .c-copy{font-size:calc(var(--w)*.087)}
.c-scene-image{top:21%;height:46%}
.c-crop-frame{position:absolute;left:0;right:0;top:0;height:53%;display:grid;place-items:center;overflow:hidden}
.c-crop-frame>i{position:absolute;width:14%;height:27%;border-color:currentColor;border-style:solid;opacity:.65}
.c-crop-frame>i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.c-crop-frame>i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.c-crop-frame>i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}
.c-crop-frame>i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.c-crop-frame>span{font:400 calc(var(--w)*.046)/1.2 var(--sans);text-align:center;opacity:.5}
.c-art-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-scene-image.has-art .c-crop-frame>span{visibility:hidden}
.c-scene-mcp .c-symbol{width:30%;right:0;left:auto;top:0}
.c-mcp-protocol{position:absolute;left:0;top:0;width:30%;aspect-ratio:1;background:currentColor;-webkit-mask:url("/xshop-lab/marks/mcp.svg") center/contain no-repeat;mask:url("/xshop-lab/marks/mcp.svg") center/contain no-repeat}.c-mcp-plus{position:absolute;left:45%;top:13%;font:300 calc(var(--w)*.075)/1 var(--display);opacity:.45}
.c-scene-explore .c-symbol{width:47%;top:-2%}
.c-scene-explore .c-copy{text-align:right}
.c-doc-outline{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:calc(var(--w)*.035)}
.c-doc-outline>span{display:flex;align-items:center;gap:calc(var(--w)*.04)}
.c-doc-outline b{font:400 calc(var(--w)*.04)/1 var(--sans);opacity:.5}
.c-doc-outline i{display:block;height:1px;width:68%;background:currentColor;opacity:.3}
.c-doc-outline>span:nth-child(2) i{width:49%}
.c-doc-outline>span:nth-child(3) i{width:59%}
@media(prefers-reduced-motion:reduce){.c-scene,.c-symbol,.c-wave i{transition:none!important;transform:none!important;translate:none!important;scale:none!important}}