.export-studio>*{flex-shrink:0}.export-studio{max-height:calc(100dvh - var(--space-6, 1.5rem));overflow-y:auto}.export-preview{align-items:center;background:repeating-conic-gradient(var(--surface-2,#eae7e0) 0 25%,transparent 0 50%) 0 0 /var(--space-4,1rem) var(--space-4,1rem);border-radius:var(--radius-sm,4px);display:flex;flex:none;height:28vh;justify-content:center;padding:var(--space-2,.5rem)}.export-preview canvas{display:block;image-rendering:pixelated;max-height:100%;max-width:100%}.share-modal.export-studio .publish-actions{background:var(--surface,#fff);border-top:1px solid var(--border,rgba(0,0,0,.12));bottom:calc(var(--space-4, 1rem)*-1);margin-bottom:calc(var(--space-4, 1rem)*-1);padding:var(--space-3,.75rem) 0 var(--space-4,1rem);position:sticky}.export-studio .publish-actions{flex-wrap:wrap}.export-studio .publish-actions .btn{flex:1 1 0;min-width:0}.export-studio .publish-actions .btn.primary{flex-basis:100%}.export-studio .onb-chip:disabled{background:transparent;cursor:default;opacity:.4}.export-figure,.export-studio .onb-field{gap:var(--space-2,.5rem)}.export-figure{display:flex;flex:none;flex-direction:column}.export-dims{color:var(--muted,#888);font-size:var(--text-xs,.75rem);text-align:center}.export-dims strong{color:var(--foreground,inherit);font-variant-numeric:tabular-nums}.export-swatch-chip{align-items:center;display:inline-flex;padding:var(--space-1,.25rem) var(--space-2,.5rem)}