.showcase-studio[data-v-9a6e7afa]{max-width:var(--site-content-max-width);margin:0 auto;display:grid;grid-template-columns:.74fr 1.26fr;border:1px solid var(--sf-border);border-radius:22px;background:var(--sf-surface);overflow:hidden;box-shadow:0 24px 70px #0f172a0f}.studio-copy[data-v-9a6e7afa]{padding:50px 40px}.studio-copy[data-v-9a6e7afa] h2{margin:18px 0;font-size:34px;font-weight:400;line-height:1.3;letter-spacing:-.035em;color:var(--sf-text)}.studio-copy[data-v-9a6e7afa] p{color:var(--sf-text-secondary);font-size:14px;line-height:1.75}.studio-tabs[data-v-9a6e7afa]{display:flex;flex-direction:column;gap:8px;margin-top:30px}.studio-tabs button[data-v-9a6e7afa]{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:var(--sf-text-secondary);cursor:pointer;transition:all .15s ease}.studio-tabs button[data-v-9a6e7afa]:hover{background:var(--sf-bg-alt)}.studio-tabs button.active[data-v-9a6e7afa]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.studio-tabs svg[data-v-9a6e7afa]{font-size:23px;flex-shrink:0}.studio-tabs b[data-v-9a6e7afa],.studio-tabs small[data-v-9a6e7afa]{display:block}.studio-tabs b[data-v-9a6e7afa]{font-size:13px}.studio-tabs small[data-v-9a6e7afa]{margin-top:4px;color:#94a3b8;font-size:10px}.studio-tabs button.active small[data-v-9a6e7afa]{color:#60a5fa}.studio-canvas[data-v-9a6e7afa]{min-width:0;background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 .65px,transparent .65px);background-size:9px 9px;border-left:1px solid var(--sf-border)}.canvas-bar[data-v-9a6e7afa]{height:43px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #e2e8f0;background:#fff}.canvas-bar span[data-v-9a6e7afa]{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.canvas-bar small[data-v-9a6e7afa]{margin-left:auto;color:#94a3b8;font-size:8px}.canvas-body[data-v-9a6e7afa]{height:460px;padding:22px;background:#f8fafcbf;overflow:auto;display:flex;flex-direction:column;justify-content:safe center}.showcase-studio.product-screen-studio[data-v-9a6e7afa]{grid-template-columns:1fr 1.5fr;max-width:var(--site-content-max-width);margin:36px auto 0;border-radius:20px;box-shadow:0 32px 90px #0f172a14}.product-screen-studio .studio-copy[data-v-9a6e7afa]{padding:32px 38px 30px}.product-screen-studio .studio-copy[data-v-9a6e7afa] h2{margin:15px 0 12px;font-size:clamp(32px,2.7vw,42px);line-height:118%;letter-spacing:-.055em}.product-screen-studio .studio-copy[data-v-9a6e7afa] p{margin:0;font-size:14px;line-height:1.65}.product-screen-studio .studio-tabs[data-v-9a6e7afa]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:60px}.product-screen-studio .studio-tabs button[data-v-9a6e7afa]{min-width:0;min-height:62px;padding:9px 11px}.product-screen-studio .studio-tabs b[data-v-9a6e7afa]{font-size:14px}.product-screen-studio .studio-tabs small[data-v-9a6e7afa]{font-size:11px}.product-screen-studio.compact-tabs .studio-tabs[data-v-9a6e7afa]{display:grid;grid-template-columns:1fr;margin-top:20px}.product-screen-studio .studio-canvas[data-v-9a6e7afa]{display:flex;flex-direction:column}.product-screen-studio .canvas-body[data-v-9a6e7afa]{flex:1;height:auto;min-height:0;padding:0;justify-content:flex-start;overflow:hidden}.product-screen-studio[data-v-9a6e7afa] .showcase-shot{display:block;width:100%;border:0;border-radius:0;box-shadow:none}.mock-swap-enter-active[data-v-9a6e7afa],.mock-swap-leave-active[data-v-9a6e7afa]{transition:.3s ease}.mock-swap-enter-from[data-v-9a6e7afa]{opacity:0;transform:translateY(8px)}.mock-swap-leave-to[data-v-9a6e7afa]{opacity:0}@media (max-width: 960px){.showcase-studio[data-v-9a6e7afa]{grid-template-columns:1fr}.studio-canvas[data-v-9a6e7afa]{border-left:0;border-top:1px solid var(--sf-border)}.showcase-studio.product-screen-studio[data-v-9a6e7afa]{grid-template-columns:1fr;margin-inline:20px}.product-screen-studio .studio-canvas[data-v-9a6e7afa]{min-height:0}}@media (max-width: 640px){.studio-copy[data-v-9a6e7afa]{padding:38px 24px}.canvas-body[data-v-9a6e7afa]{height:auto;min-height:460px}.showcase-studio.product-screen-studio[data-v-9a6e7afa]{margin:20px 12px 0}.product-screen-studio .studio-copy[data-v-9a6e7afa]{padding:34px 24px}.product-screen-studio .studio-tabs[data-v-9a6e7afa]{grid-template-columns:1fr}.product-screen-studio .studio-tabs button[data-v-9a6e7afa]{min-height:60px}.product-screen-studio .canvas-body[data-v-9a6e7afa]{min-height:0;padding:0}}