.showcase-studio[data-v-05ece153]{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-05ece153]{padding:50px 40px}.studio-copy[data-v-05ece153] 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-05ece153] p{color:var(--sf-text-secondary);font-size:14px;line-height:1.75}.studio-tabs[data-v-05ece153]{display:flex;flex-direction:column;gap:8px;margin-top:30px}.studio-tabs button[data-v-05ece153]{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-05ece153]:hover{background:var(--sf-bg-alt)}.studio-tabs button.active[data-v-05ece153]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.studio-tabs svg[data-v-05ece153]{font-size:23px;flex-shrink:0}.studio-tabs b[data-v-05ece153],.studio-tabs small[data-v-05ece153]{display:block}.studio-tabs b[data-v-05ece153]{font-size:13px}.studio-tabs small[data-v-05ece153]{margin-top:4px;color:#94a3b8;font-size:10px}.studio-tabs button.active small[data-v-05ece153]{color:#60a5fa}.studio-canvas[data-v-05ece153]{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-05ece153]{height:43px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #e2e8f0;background:#fff}.canvas-bar span[data-v-05ece153]{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.canvas-bar small[data-v-05ece153]{margin-left:auto;color:#94a3b8;font-size:8px}:root[data-theme=dark] .studio-canvas[data-v-05ece153]{background-color:var(--sf-bg-alt);background-image:radial-gradient(var(--sf-border) .65px,transparent .65px)}:root[data-theme=dark] .canvas-bar[data-v-05ece153]{border-bottom-color:var(--sf-border);background:var(--sf-surface)}:root[data-theme=dark] .canvas-bar span[data-v-05ece153]{background:var(--sf-border)}:root[data-theme=dark] .canvas-body[data-v-05ece153]{background:transparent}:root[data-theme=dark] .studio-tabs button.active[data-v-05ece153]{border-color:color-mix(in srgb,var(--sf-accent) 45%,transparent);background:color-mix(in srgb,var(--sf-accent) 16%,transparent);color:#93c5fd}.canvas-body[data-v-05ece153]{height:460px;padding:22px;background:#f8fafcbf;overflow:auto;display:flex;flex-direction:column;justify-content:safe center}.showcase-studio.product-screen-studio[data-v-05ece153]{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-05ece153]{padding:32px 38px 30px}.product-screen-studio .studio-copy[data-v-05ece153] 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-05ece153] p{margin:0;font-size:14px;line-height:1.65}.product-screen-studio .studio-tabs[data-v-05ece153]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:60px}.product-screen-studio .studio-tabs button[data-v-05ece153]{min-width:0;min-height:62px;padding:9px 11px}.product-screen-studio .studio-tabs b[data-v-05ece153]{font-size:14px}.product-screen-studio .studio-tabs small[data-v-05ece153]{font-size:11px}.product-screen-studio.compact-tabs .studio-tabs[data-v-05ece153]{display:grid;grid-template-columns:1fr;margin-top:20px}.product-screen-studio .studio-canvas[data-v-05ece153]{display:flex;flex-direction:column}.product-screen-studio .canvas-body[data-v-05ece153]{flex:1;height:auto;min-height:0;padding:0;justify-content:flex-start;overflow:hidden}.product-screen-studio[data-v-05ece153] .showcase-shot{display:block;width:100%;border:0;border-radius:0;box-shadow:none}.mock-swap-enter-active[data-v-05ece153],.mock-swap-leave-active[data-v-05ece153]{transition:.3s ease}.mock-swap-enter-from[data-v-05ece153]{opacity:0;transform:translateY(8px)}.mock-swap-leave-to[data-v-05ece153]{opacity:0}@media (max-width: 960px){.showcase-studio[data-v-05ece153]{grid-template-columns:1fr}.studio-canvas[data-v-05ece153]{border-left:0;border-top:1px solid var(--sf-border)}.showcase-studio.product-screen-studio[data-v-05ece153]{grid-template-columns:1fr;margin-inline:20px}.product-screen-studio .studio-canvas[data-v-05ece153]{min-height:0}}@media (max-width: 640px){.studio-copy[data-v-05ece153]{padding:38px 24px}.canvas-body[data-v-05ece153]{height:auto;min-height:460px}.showcase-studio.product-screen-studio[data-v-05ece153]{margin:20px 12px 0}.product-screen-studio .studio-copy[data-v-05ece153]{padding:34px 24px}.product-screen-studio .studio-tabs[data-v-05ece153]{grid-template-columns:1fr}.product-screen-studio .studio-tabs button[data-v-05ece153]{min-height:60px}.product-screen-studio .canvas-body[data-v-05ece153]{min-height:0;padding:0}}