.studio-mockup{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.studio-mockup.sm-size-stage{flex:auto;justify-content:center;min-height:0;padding:12px}.sm-stage{aspect-ratio:4/3;--sm-lift:color-mix(in srgb,var(--forest-950) 16%,transparent);--sm-fall:color-mix(in srgb,var(--forest-950) 9%,transparent);background:radial-gradient(130% 110% at 50% 18%,var(--paper-50) 0%,var(--sage-50) 52%,var(--sage-100) 100%);border-radius:14px;place-items:center;width:100%;max-height:100%;display:grid;position:relative;overflow:hidden;container-type:size}.studio-mockup.sm-size-stage .sm-stage{aspect-ratio:auto;flex:auto;height:100%;min-height:200px}.sm-stage[data-thumb]{border-radius:8px}.sm-defs{width:0;height:0;position:absolute;overflow:hidden}.sm-piece{width:min(66cqw,calc(62cqh * var(--sm-ratio,1.6)));position:relative}.sm-top{z-index:2;position:relative}.sm-face{background:var(--white);width:100%;position:relative;overflow:hidden}.sm-face-art{position:absolute}.sm-face-art svg{display:block}.sm-blank{background:var(--paper-50)}.sm-stage[data-shape=round]{--sm-cut:inset(0 round 3.6cqw)}.sm-stage[data-shape=circle],.sm-stage[data-shape=oval]{--sm-cut:ellipse(50% 50%)}.sm-stage[data-shape=leaf]{--sm-cut:url(#sm-leaf)}.sm-stage[data-shape] .sm-top,.sm-stage[data-shape] .sm-under{container-type:inline-size}.sm-stage[data-shape] .sm-face,.sm-stage[data-shape] .sm-under:before{clip-path:var(--sm-cut)}.sm-stage[data-scene=stack]{--dx:.42;--dy:.5}.sm-stage[data-scene=stack][data-tall=square]{--dx:.5;--dy:.36}.sm-stage[data-scene=stack][data-tall=true]{--dx:.66;--dy:.16}.sm-stage[data-scene=stack]:not([data-pair]){--dx:.04;--dy:.06}.sm-stage[data-scene=stack] .sm-piece{width:min(calc(82cqw / (1 + var(--dx))),calc(76cqh / (1 + var(--dy)) * var(--sm-ratio,1.75)));transform:translate(calc(var(--dx) * -50%),calc(var(--dy) * 50%)) perspective(1600px) rotateX(9deg) rotate(-2deg)}.sm-stage[data-scene=stack] .sm-top,.sm-stage[data-scene=stack] .sm-under{filter:drop-shadow(0 1px 0 var(--sm-lift)) drop-shadow(0 3px 4px var(--sm-fall)) drop-shadow(0 16px 18px var(--sm-fall))}.sm-stage[data-scene=stack] .sm-under{z-index:1;transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * -100%)) rotate(3deg);position:absolute;inset:0}.sm-stage[data-scene=stack]:not([data-pair]) .sm-under{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%)) rotate(2.5deg)}.sm-stage[data-scene=stack]:not([data-pair]) .sm-under:before{content:"";z-index:-1;background:var(--paper-50);position:absolute;inset:0;transform:translate(4%,6%)rotate(-3.5deg)}.sm-stage[data-scene=sheet] .sm-piece{transform:rotate(-2deg)}.sm-stage[data-scene=sheet] .sm-top,.sm-stage[data-scene=sheet] .sm-under{filter:drop-shadow(0 1px 0 var(--sm-lift)) drop-shadow(0 14px 18px var(--sm-fall))}.sm-stage[data-scene=sheet] .sm-under{z-index:1;position:absolute;inset:0;transform:translate(3%,2%)rotate(4deg)}.sm-stage[data-scene=banner]{background:linear-gradient(#f3f1ea,#e9e6dc)}.sm-stage[data-scene=banner] .sm-piece{width:min(74cqw,calc(54cqh * var(--sm-ratio,2)));margin-top:6cqh}.sm-stage[data-scene=banner] .sm-top{box-shadow:0 16px 26px -14px #2a332c59,0 2px 5px #2a332c1f}.sm-grommets i{aspect-ratio:1;background:radial-gradient(circle,#efede4 0 34%,#8d948c 36% 62%,#c9cdc6 64%);border-radius:50%;width:clamp(6px,2.2cqw,13px);position:absolute;box-shadow:0 1px 1px #0003}.sm-grommets i:first-child{top:4%;left:2.2%}.sm-grommets i:nth-child(2){top:4%;right:2.2%}.sm-grommets i:nth-child(3){bottom:4%;left:2.2%}.sm-grommets i:nth-child(4){bottom:4%;right:2.2%}.sm-rope{z-index:1;background:#8a8f86;width:1.5px;height:calc(22cqh + 8%);position:absolute;top:-22cqh}.sm-rope-l{transform-origin:bottom;left:3%;transform:rotate(-14deg)}.sm-rope-r{transform-origin:bottom;right:3%;transform:rotate(14deg)}.sm-stage[data-scene=yard]{background:linear-gradient(#eef3f6 0 68%,#b9cf9a 68% 72%,#a9c487 72%)}.sm-stage[data-scene=yard] .sm-piece{width:min(60cqw,calc(50cqh * var(--sm-ratio,1.3)));margin-bottom:14cqh}.sm-stage[data-scene=yard] .sm-top{box-shadow:0 0 0 1px #0000000f,6px 10px 14px -8px #2a332c47}.sm-stakes{height:18cqh;position:absolute;top:100%;left:0;right:0}.sm-stakes i{background:#8d948c;width:2px;position:absolute;top:0;bottom:0}.sm-stakes i:first-child{left:26%}.sm-stakes i:last-child{right:26%}.sm-stage[data-scene=wall]{background:linear-gradient(#f4f2ec 0 82%,#e2ded2 82%)}.sm-stage[data-scene=wall] .sm-piece{width:min(58cqw,calc(62cqh * var(--sm-ratio,.75)));margin-bottom:8cqh}.sm-stage[data-scene=wall] .sm-top{box-shadow:0 0 0 1px #0000000d,10px 16px 24px -12px #2a332c59}.sm-stage[data-scene=sticker] .sm-piece{width:min(48cqw,calc(56cqh * var(--sm-ratio,1)));transform:rotate(-4deg)}.sm-stage[data-scene=sticker] .sm-top{clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);background:#fff;border-radius:7%;padding:3.5%;box-shadow:0 12px 20px -10px #2a332c59,0 2px 5px #2a332c24}.sm-stage[data-scene=sticker] .sm-face{border-radius:5%}.sm-peel{aspect-ratio:1;clip-path:polygon(0 100%,100% 0,0 0);transform-origin:100% 100%;filter:drop-shadow(-2px -2px 3px #2a332c40);background:linear-gradient(135deg,#fdfcf9 0 49%,#d8d5cb 50%,#f1efe8 62%,#fff 100%);width:22%;position:absolute;bottom:0;right:0;transform:translate(-100%,-100%)rotate(180deg)}.sm-stage[data-scene=flat] .sm-top{filter:drop-shadow(0 1px 0 var(--sm-lift)) drop-shadow(0 14px 18px var(--sm-fall))}.sm-objects{background:radial-gradient(120% 90% at 50% 0,#fbfaf6 0%,#efede4 62%,#e4e1d6 100%);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));place-items:center;gap:12px;width:100%;padding:14px;display:grid}.studio-mockup.sm-size-stage .sm-objects{flex:auto;align-content:center;min-height:0}.sm-objects[data-thumb]{border-radius:8px;padding:6px}.sm-object{justify-items:center;gap:4px;width:100%;min-width:0;margin:0;display:grid}.sm-object figcaption{color:#3c4b41;font-size:12.5px;font-weight:600}.sm-worn{width:min(100%,340px);position:relative}.sm-worn svg{filter:drop-shadow(0 12px 14px #2a332c2e);width:100%;height:100%;display:block;overflow:visible}.sm-worn-print{line-height:0;position:absolute}.sm-worn-detail{aspect-ratio:1;border:3px solid #fff;border-radius:50%;place-items:center;width:38%;display:grid;position:absolute;bottom:-4%;right:-6%;overflow:hidden;box-shadow:0 10px 24px -10px #1c332680,0 0 0 1px #1c33261f}.sm-worn-detail-print{width:72%;line-height:0}.sm-worn-detail>span{letter-spacing:.06em;text-transform:uppercase;color:#1c3326;white-space:nowrap;background:#ffffffd9;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800;line-height:1.4;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.sm-vessel{aspect-ratio:200/220;width:min(100%,260px);position:relative}.sm-vessel>svg{filter:drop-shadow(0 12px 12px #2a332c2b);width:100%;height:100%;position:absolute;inset:0}.sm-vessel[data-flipped]>svg{transform:scaleX(-1)}.sm-vessel-print{line-height:0;position:absolute}.sm-vessel-print:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1f2a2426,#fff0 28% 70%,#1f2a2433);position:absolute;inset:0}.sm-vessel-print .sm-face{background:0 0}.sm-vessel-print:after{mix-blend-mode:multiply}.sm-object .sm-stage{max-width:320px}.sm-panels{background:#e9ecdf;border-radius:10px;width:min(100%,460px);max-height:100%;position:relative;box-shadow:0 12px 22px -14px #2a332c59}.sm-panel{background:#fffef8;line-height:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #2f4a3a40}.sm-panel[data-empty]{background:#fffef8b3}.sm-sides{background:#e9ece1;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.sm-sides button{min-height:40px;font:inherit;color:#3c4b41;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:600}.sm-sides button[aria-pressed=true]{color:#1f3a2b;background:#fff;box-shadow:0 1px 3px #2a332c2e}.sm-note{color:#56655b;text-align:center;margin:0;font-size:12px;line-height:1.4}.studio-mockup.sm-size-thumb{flex:none;width:112px}.studio-mockup.sm-size-thumb .sm-stage{aspect-ratio:1}.studio-mockup-loading{background:var(--surface-sunken,#efece4);border-radius:12px;min-height:min(60vw,360px)}